API tools faq
paste
veilsandvisions

#10 blocks

veilsandvisions
Jul 4th, 2013
870
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. B L O C K S 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.4.0
  7.  
  8. -->
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head>
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="color:background" content="#bdbdbd" />
  14. <meta name="color:blogtitle" content="#000000" />
  15. <meta name="color:bodytext" content="#000000" />
  16. <meta name="color:content" content="#ffffff" />
  17. <meta name="color:sidebar" content="#ffffff" />
  18. <meta name="color:descriptionbackground" content="#cccccc" />
  19. <meta name="color:descriptiontext" content="#000000" />
  20. <meta name="color:link" content="#00008b" />
  21. <meta name="color:linkhover" content="#4169E1" />
  22. <meta name="color:navlinks" content="#ffffff" />
  23. <meta name="color:askbackground" content="#cccccc" />
  24. <meta name="color:block1" content="#2b9be5" />
  25. <meta name="color:block2" content="#f92254" />
  26. <meta name="color:block3" content="#ffe122" />
  27. <meta name="color:blocktext" content="#ffffff" />
  28. <meta name="color:searchbar" content="#f92254" />
  29. <meta name="color:searchbutton" content="#ffe122" />
  30. <meta name="color:searchtext" content="#ffffff" />
  31.  
  32.  
  33. <meta name="font:body" content="Arial" />
  34. <meta name="font:title" content="Futura" />
  35.  
  36. <meta name="if:400px width" content="0">
  37. <meta name="if:audio player black" content="0">
  38. <meta name="if:background fixed" content="1" />
  39. <meta name="if:background repeated" content="1" />
  40. <meta name="if:custom blog title font" content="1">
  41. <meta name="if:images stretched" content="0" />
  42. <meta name="if:images centered" content="1" />
  43. <meta name="if:infinite scrolling" content="0" />
  44. <meta name="if:date style timeago" content="0" />
  45. <meta name="if:replace random link with link 7" content="0" />
  46. <meta name="if:show search" content="1">
  47. <meta name="if:show description" content="1" />
  48. <meta name="if:show description background" content="1" />
  49. <meta name="if:link 1" content="0" />
  50. <meta name="if:link 2" content="0" />
  51. <meta name="if:link 3" content="0" />
  52. <meta name="if:link 4" content="0" />
  53. <meta name="if:link 5" content="0" />
  54. <meta name="if:link 6" content="0" />
  55. <meta name="if:link 7" content="0" />
  56.  
  57. <meta name="text:background position" content="top right" />
  58. <meta name="text:label search" content="search my tags!" />
  59. <meta name="text:label ask" content="ask" />
  60. <meta name="text:label archive" content="archive" />
  61. <meta name="text:label random" content="random" />
  62. <meta name="text:link 1 url" content="http://" />
  63. <meta name="text:link 1 name" content="link 1" />
  64. <meta name="text:link 2 url" content="http://" />
  65. <meta name="text:link 2 name" content="link 2" />
  66. <meta name="text:link 3 url" content="http://" />
  67. <meta name="text:link 3 name" content="link 3" />
  68. <meta name="text:link 4 url" content="http://" />
  69. <meta name="text:link 4 name" content="link 4" />
  70. <meta name="text:link 5 url" content="http://" />
  71. <meta name="text:link 5 name" content="link 5" />
  72. <meta name="text:link 6 url" content="http://" />
  73. <meta name="text:link 6 name" content="link 6" />
  74. <meta name="text:link 7 url" content="http://" />
  75. <meta name="text:link 7 name" content="link 7" />
  76.  
  77. <meta name="image:image background" content="" />
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  80. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  81.  
  82. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  83.  
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. {block:Description}
  88. <meta name="description" content="{MetaDescription}" />
  89. {/block:Description}
  90.  
  91. <style type="text/css">
  92.  
  93. body { background-color:{color:Background}; background-image: url('{image:image background}'); background-position: {text:Background Position}; }
  94.  
  95. {block:IfNotBackgroundFixed}
  96. body {background-attachment: scroll;}
  97. {/block:IfNotBackgroundFixed}
  98. {block:IfBackgroundFixed}
  99. body {background-attachment:fixed;}
  100. {/block:IfBackgroundFixed}
  101. {block:IfNotBackgroundRepeated}
  102. body {background-repeat:no-repeat;}
  103. {/block:IfNotBackgroundRepeated}
  104. {block:IfBackgroundRepeated}
  105. body {background-repeat:repeat;}
  106. {/block:IfBackgroundRepeated}
  107.  
  108. a { -webkit-transition: all 0.3s linear;
  109. -moz-transition: all 0.3s linear;
  110. -o-transition: all 0.3s linear ;
  111. -ms-transition: all 0.3s linear; }
  112. a:hover {
  113. -webkit-transition: all 0.3s linear;
  114. -moz-transition: all 0.3s linear;
  115. -o-transition: all 0.3s linear ;
  116. -ms-transition: all 0.3s linear; }
  117.  
  118. #wrapper {
  119. position: absolute; top:0px; left:340px;
  120. background-color:none; }
  121.  
  122. #content {
  123. {block:IfNot400pxwidth}
  124. width: 520px;
  125. {/block:IfNot400pxwidth}
  126. {block:If400pxwidth}
  127. width: 420px;
  128. {/block:If400pxwidth}
  129. margin:0px;
  130. padding-top:0px;
  131. font: 11px {font:Body};
  132. color: {color:Bodytext};
  133. background-color:none; }
  134.  
  135. #background {
  136. {block:IfNot400pxwidth}
  137. width: 520px;
  138. {/block:IfNot400pxwidth}
  139. {block:If400pxwidth}
  140. width: 420px;
  141. {/block:If400pxwidth}
  142. height:2000px;
  143. background-color: none;
  144. z-index:-235;
  145. position:fixed; top:0px; left:450px; }
  146.  
  147. {block:IfTransparentContentBackground}
  148. #background {
  149. opacity: 0.6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  150. {/block:IfTransparentContentBackground}
  151.  
  152. #title {
  153. background-color: {block:Ifshowdescriptionbackground}{color:descriptionbackground}{/block:Ifshowdescriptionbackground} {block:IfNotshowdescriptionbackground}transparent{/block:IfNotshowdescriptionbackground};
  154. width: 270px;
  155. position: relative; top:0px; left: 0px;
  156. {block:Ifcustomblogtitlefont}font:22px 'Calligraffitti'; {/block:Ifcustomblogtitlefont}
  157. {block:IfNOTcustomblogtitlefont}font: 22px {TitleFont}; {/block:IfNOTcustomblogtitlefont}
  158. margin-bottom: 5px;
  159. padding: 10px 0px 5px 0px;
  160. text-decoration: none;
  161. font-weight: {TitleFontWeight};
  162. text-align:center;
  163. letter-spacing:-1px;
  164. line-height:90%;
  165. z-index:2343; }
  166.  
  167. #title a, #title a:visited {
  168. color:{TitleColor};
  169. text-decoration: none;
  170. -webkit-transition-duration: 0.4s;}
  171. #title a:hover {
  172. text-decoration: none;
  173. color: {color:LinkHover};
  174. -webkit-transition-duration: 0.4s;}
  175.  
  176.  
  177. #sidebar { position: fixed; top: 0px; left: 40px; padding: 100px 5px 5px 5px;
  178. z-index: 23092; width: 270px; height: 100%;
  179. background-color: {color:sidebar}; }
  180.  
  181. #block1b {
  182. position: relative; z-index: 10;
  183. background-color: {color:block1}; }
  184. #block2b {
  185. position: relative; z-index: 12;
  186. background-color: {color:block2}; }
  187. #block3b {
  188. position: relative; z-index: 14;
  189. background-color: {color:block3}; }
  190. #blockwrap2 {
  191. float: left;
  192. width: 142px;
  193. }
  194. .blockb {
  195. height: 30px;
  196. overflow:hidden;
  197. padding: 12px 3px 0px 3px;
  198. text-align: center;
  199. font: 9px trebuchet ms;
  200. letter-spacing: 1px;
  201. color: {color:postHeadtext};
  202. text-transform: uppercase;
  203. -webkit-transition: all 0.3s ease-out;
  204. -moz-transition: all 0.3s ease-out;
  205. -o-transition: all 0.3s ease-out ;
  206. -ms-transition: all 0.3s ease-out; }
  207. .blockb a, .blockb a:visited {
  208. text-decoration: none;
  209. color: {color:blocktext}; }
  210. .blockb a:hover { color: {color:linkhover};}
  211.  
  212. .block_content {
  213. margin-top: 5px;}
  214.  
  215.  
  216. #pagination { font-family: georgia; font-size: 24px; width: 500px; text-align: center; color: {color:navlinks};}
  217. #pagination a, #pagination a:visited {
  218. color: {color:navlinks};
  219. text-decoration:none;
  220. font-weight: normal;
  221. margin-right:0px;
  222. word-spacing: 1px;
  223. letter-spacing: 1px;
  224. background-color: none;}
  225. #pagination a:hover {
  226. text-decoration: none;
  227. color: {color:Link};
  228. -webkit-transition-duration: 0.4s; }
  229.  
  230.  
  231. #sidebarpic { width: 200px; position: relative; z-index: 100; left: 0px; margin-bottom: -5px; displaY:none; float: right;}
  232. #sidebarpic img { width: 200px; margin: 0px; padding: 0px; }
  233.  
  234. #avatar { background-color: none; position: relative; z-index: 100; left: 0px; float: right; }
  235. #avatar img { width: 128px; height: 126px; margin-bottom: -4px; padding: 0px; background-color: none; }
  236.  
  237. #description { {block:IfNotshowdescription}display:none;{/block:IfNotshowdescription}
  238. float: left;
  239. {block:Ifshowdescriptionbackground} width: 260px; {/block:Ifshowdescriptionbackground}
  240. {block:IfNotshowdescriptionbackground} width: 270px; margin-left: -5px; {/block:IfNotshowdescriptionbackground}
  241. text-align: center;
  242. margin-top: 5px;
  243. padding: 5px;
  244. background-color: {block:Ifshowdescriptionbackground}{color:descriptionbackground}{/block:Ifshowdescriptionbackground} {block:IfNotshowdescriptionbackground}transparent{/block:IfNotshowdescriptionbackground};
  245. font-family: {font:Body}; font-size: 11px;
  246. color: {color:descriptiontext};
  247. z-index: 150;
  248. -webkit-transition: all 0.3s linear;
  249. -moz-transition: all 0.3s linear;
  250. -o-transition: all 0.3s linear ;
  251. -ms-transition: all 0.3s linear; }
  252. #description a, #description a:visited { color: {color:Link}; text-decoration: none; }
  253. #description a:hover { color: {color:LinkHover}; }
  254.  
  255. #dlinks { padding: 5px 0px 0px 0px; margin: 0; }
  256. #dlinks ul { padding: 0px; margin: 0px; list-style-type: none;}
  257. #dlinks li { display: block; background-color: {color:block1}; margin-top: 1px; padding: 1px 0px;
  258. -webkit-transition: all 0.3s linear;
  259. -moz-transition: all 0.3s linear;
  260. -o-transition: all 0.3s linear ;
  261. -ms-transition: all 0.3s linear; }
  262. #dlinks a, #dlinks a:visited {
  263. font: 9px trebuchet ms;
  264. letter-spacing: 1px;
  265. color: {color:blocktext};
  266. text-transform: uppercase;
  267. text-decoration: none; }
  268. #dlinks li:hover { background-color: {color:block2};
  269. -webkit-transition: all 0.3s linear;
  270. -moz-transition: all 0.3s linear;
  271. -o-transition: all 0.3s linear ;
  272. -ms-transition: all 0.3s linear; }
  273. #dlinks a:hover {
  274. color: {color:block1};
  275. -webkit-transition: all 0.3s linear;
  276. -moz-transition: all 0.3s linear;
  277. -o-transition: all 0.3s linear ;
  278. -ms-transition: all 0.3s linear; }
  279.  
  280. #navigation { text-align: center;
  281. width: 270px;
  282. float: left;
  283. padding-top: 5px;}
  284.  
  285. .navi { color:{color:BlogTitle};
  286. font: 10px trebuchet ms;
  287. letter-spacing: 1px;
  288. text-transform: uppercase;
  289. text-decoration: none; }
  290. .navi a, .navi a:visited {
  291. color: {color:BlogTitle};
  292. text-decoration: none;
  293. font-weight: normal; }
  294. .navi a:hover {
  295. text-decoration: none;
  296. color: {color:CircleLinksBGHover}; }
  297. .current_page { text-decoration: none; font-style: italic; }
  298.  
  299. #navi {
  300. width:80px;
  301. height: 300px;
  302. position: fixed; top:90px; left:1000px; }
  303. .navigation {
  304. margin-top: 0px;
  305. color: {color:Bodytext}; text-decoration:none;
  306. font: 10px georgia;
  307. line-height:90%
  308. z-index:1; }
  309. .navigation a, .navigation a:visited {
  310. margin-top: 0px;
  311. padding:0px;
  312. color: {color:navlinks}; text-decoration:none;
  313. background-color:{color:NavigationBG};
  314. font: 40px georgia;
  315. z-index:2;
  316. border-radius:70px;
  317. -webkit-border-radius:70px;
  318. -moz-border-radius:70px;
  319. padding-top:0px; padding-right:0px; padding-bottom:7px; padding-left:0px;
  320. display:block;
  321.  
  322. text-align:center;
  323. text-decoration:none;
  324. -webkit-transition: all 0.3s linear;
  325. -moz-transition: all 0.3s linear;
  326. -o-transition: all 0.3s linear ;
  327. -ms-transition: all 0.3s linear; }
  328. .navigation ul {
  329. margin:0px;
  330. padding: 0px; }
  331. .navigation ul.prev { text-align:right; }
  332. .navigation li {
  333. margin:0;
  334. padding:0;
  335. display:block;
  336. width: 53px; }
  337. .navigation li.prev { margin-bottom: 10px;}
  338.  
  339. .navigation a:hover {
  340. color: {color:NavigationBG};
  341. background-color:{color:navlinks};
  342. -webkit-transition: all 0.3s ease-out;
  343. -moz-transition: all 0.3s ease-out;
  344. -o-transition: all 0.3s ease-out ;
  345. -ms-transition: all 0.3s ease-out; }
  346.  
  347. #posts { background-color: {color:content};
  348. {block:IfNot400pxwidth}
  349. width: 500px;
  350. {/block:IfNot400pxwidth}
  351. {block:If400pxwidth}
  352. width: 400px;
  353. {/block:If400pxwidth}
  354. position: relative;
  355. padding: 5px 5px 1px 5px; margin: 15px 0px;}
  356.  
  357. #posts a, #posts a:visited {
  358. text-decoration: none;
  359. color:{color:Link}; }
  360. #posts a:hover { color:{color:LinkHover}; }
  361.  
  362. #posthead {
  363. position: absolute;
  364. {block:IfNot400pxwidth}
  365. left: 510px;
  366. {/block:IfNot400pxwidth}
  367. {block:If400pxwidth}
  368. left: 410px;
  369. {/block:If400pxwidth}
  370. width: 50px; height: 100%;
  371. margin-top: -5px;
  372. background-color: none;
  373. font: 9px trebuchet ms;
  374. letter-spacing: 1px;
  375. color: {color:postHeadtext};
  376. text-transform: uppercase; }
  377.  
  378. #posthead a, #posthead a:visited { color: {color:postHeadtext}; text-decoration: none; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
  379. #posthead a:hover { color:{color:link}; }
  380.  
  381. #blockwrap {
  382. height: 100%;
  383. color: {color:navlinks};
  384. border: 0px dotted black; }
  385.  
  386. #blockwrap a, #blockwrap a:visited {
  387. text-decoration: none;
  388. color: {color:blocktext}; }
  389. #blockwrap a:hover { color: {color:linkhover};}
  390.  
  391. .block {
  392. width: 24px;
  393. overflow:hidden;
  394. padding: 0px;
  395. text-align: center;
  396. -webkit-transition: all 0.3s ease-out;
  397. -moz-transition: all 0.3s ease-out;
  398. -o-transition: all 0.3s ease-out ;
  399. -ms-transition: all 0.3s ease-out; }
  400. .block:hover {width: 150px;
  401. -webkit-transition: all 0.3s ease-out;
  402. -moz-transition: all 0.3s ease-out;
  403. -o-transition: all 0.3s ease-out ;
  404. -ms-transition: all 0.3s ease-out; }
  405. #block1:hover a, #block1:hover a:visited, #block2:hover a, #block2:hover a:visited, #block3:hover a, #block3:hover a:visited {
  406. opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  407. -webkit-transition: all 0.3s ease-out;
  408. -moz-transition: all 0.3s ease-out;
  409. -o-transition: all 0.3s ease-out ;
  410. -ms-transition: all 0.3s ease-out; }
  411.  
  412. #block1 { height: 33.33333%;
  413. position: relative; z-index: 10;
  414. background-color: {color:block1}; }
  415. #block2 { height: 33.333333%;
  416. position: relative; z-index: 12;
  417. background-color: {color:block2}; }
  418. #block3 { height: 33.333333%;
  419. position: relative; z-index: 14;
  420. background-color: {color:block3}; }
  421.  
  422. ul.footlinks {
  423. list-style-type:none;
  424. padding:3px 10px;
  425. margin: 0px 0px;
  426. background-color: {color:NavigationBG};
  427. -moz-border-radius:30px;
  428. -webkit-border-radius:30px;
  429. border-radius: 30px; }
  430. ul.footlinks li { display: inline;
  431. background-color: none; }
  432.  
  433. #postwrap { position:relative; }
  434.  
  435. #postinfo { {block:IfNotShowTags} display: none; {/block:IfNotShowTags}
  436. position: absolute; left: 510px;
  437. border-left: 2px solid {color:posthead};
  438. padding: 3px;
  439. text-align: left;
  440. text-transform: lowercase;
  441. padding-left: 5px;
  442. width: 120px;
  443. opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  444. -webkit-transition: all 0.3s linear;
  445. -moz-transition: all 0.3s linear;
  446. -o-transition: all 0.3s linear ;
  447. -ms-transition: all 0.3s linear; }
  448. #postinfo a, #postinfo a:visited { color: {color:link}; text-decoration: none;}
  449. #postinfo a:hover { color: {color:LinkHover}; }
  450. #postinfo ul { list-style-type:none; padding: 0px; margin: 0px; }
  451.  
  452. #posts:hover #postinfo {
  453. left: 520px;
  454. opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  455. -webkit-transition: all 0.3s linear;
  456. -moz-transition: all 0.3s linear;
  457. -o-transition: all 0.3s linear ;
  458. -ms-transition: all 0.3s linear; }
  459.  
  460. .postfooter {
  461. {block:IfNot400pxwidth}
  462. width: 500px;
  463. {/block:IfNot400pxwidth}
  464. {block:If400pxwidth}
  465. width: 400px;
  466. {/block:If400pxwidth}
  467. padding:0px ; margin-left:0px; margin-top: 2px; margin-bottom:0px;
  468. height: 2px;
  469. background-color: {color:Footer}; }
  470.  
  471. .posttitle {
  472. font:20px {font:Title};
  473. font-weight:normal;
  474. margin:0px; padding:0px;}
  475.  
  476. #postlink {
  477. {block:IfNot400pxwidth}
  478. width: 250px;
  479. margin-left: 120px;
  480. {/block:IfNot400pxwidth}
  481. {block:If400pxwidth}
  482. width: 180px;
  483. margin-left: 110px;
  484. {/block:If400pxwidth}
  485. text-align: center; }
  486. .postlink {
  487. color:{color:Bodytext};
  488. text-decoration: none;
  489. font-size: 20px;
  490. font-family: {font:Title};
  491. text-align: center;
  492. letter-spacing:-1px; }
  493. .postlink:hover {
  494. color:{color:LinkHover};
  495. text-decoration: none; }
  496.  
  497. .postquote {
  498. {block:IfNot400pxwidth}
  499. width:430px;
  500. {/block:IfNot400pxwidth}
  501. {block:If400pxwidth}
  502. width: 330px;
  503. {/block:If400pxwidth}
  504. text-align: center;
  505. font-family:{font:Title}; color:{color:Bodytext}; font-size:14px; font-weight: normal; padding: 0px 20px 5px 0px; position: relative; left: 35px; top: 0px; z-index: 2;}
  506.  
  507. .quotewrap { position: relative; }
  508. .quotebg {
  509. font-family: georgia; font-size:50px;
  510. color:{color:Bodytext};
  511. font-weight: normal;
  512. z-index: 1; line-height: 90%;
  513. opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  514. #left {
  515. position: absolute;
  516. left: 5px;
  517. top: -5px; }
  518. #right {
  519. position: absolute;
  520. right: 10px;
  521. bottom: -5px; }
  522.  
  523. .quote_source {margin: 5px 20px 5px 0; text-align: center; }
  524. .quote_source a{color:{color:Link}; text-decoration:none;}
  525. .quote_source a:hover { color:{color:LinkHover}; }
  526.  
  527.  
  528.  
  529. li.postchat { list-style-type:none;}
  530. .chattitle {
  531. list-style-type:none;
  532. margin-bottom:-2px; font: 14px {font:Title};
  533. text-align: center; }
  534.  
  535. li.postphotoset { list-style-type:none; }
  536.  
  537. ul.chat { padding: 0px;
  538. margin: 5px 0px;
  539. list-style-type: none;
  540. border-bottom: solid 0px {color:Bodytext};}
  541.  
  542. ul.chat li {
  543. border-top: solid 0px {color:Bodytext};
  544. padding: 2px 2px 2px 15px; list-style-type:none; }
  545.  
  546. ul.chat li:nth-child(odd) { background-color: none;}
  547. ul.chat li:nth-child(even) { background-color: none;}
  548.  
  549. ul.chat .label { font-weight: bold; font-size: 10px; text-transform: uppercase; }
  550.  
  551. .row:nth-child(odd) { background-color:none;}
  552. .row:nth-child(even) { background-color: none;}
  553.  
  554. ol.audioinfo { list-style-type: none;
  555. margin: 0px 0px 0px 3px; padding: 0px;
  556. font-family: trebuchet ms;
  557. font-size: 11px; text-transform: uppercase;
  558. line-height: 1.5em;}
  559. table.audio_table { border: none; }
  560.  
  561. .audio_wrap { position: relative; }
  562. #audioplayer { position: absolute; top: 12px; left: 12px;
  563. width: 27px; border: 0px solid pink; overflow: hidden;
  564. -moz-border-radius: 30px;
  565. -webkit-border-radius: 30px;
  566. border-radius: 30px; }
  567. #playerwrap { position: absolute; top: 60px; left: 60px;
  568. width: 50px; height: 50px;
  569. -moz-border-radius: 70px;
  570. -webkit-border-radius: 70px;
  571. border-radius: 70px;
  572. {block:IfNotaudioplayerblack} background-color: white; {/block:IfNotaudioplayerblack}{block:Ifaudioplayerblack} background-color: black; {/block:Ifaudioplayerblack}}
  573. .album_art img { position: relative; }
  574.  
  575. .question_post { background-color: none; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius: 6px; padding:5px;}
  576. .asker_container { font-family:{font:PostTitle}; font-size:12px; font-weight:bold; position:relative; z-index: 5; }
  577. .question_post img.icon { margin-right: 0px;
  578. -moz-border-radius:30px;
  579. -webkit-border-radius:30px;
  580. border-radius: 30px; }
  581. .question_wrap { position: relative; }
  582. .tri { color: {color:askbackground}; font-family: baskerville; position:absolute; top: 2px; {block:IfNot400pxwidth} font-size: 24px; left: 35px; {/block:IfNot400pxwidth} {block:If400pxwidth} font-size: 20px; left: 30px; {/block:If400pxwidth} z-index: 1;}
  583. #question { background-color: {color:askbackground}; position: relative; padding: 10px; -moz-border-radius: 2px;-webkit-border-radius: 2px; border-radius: 2px; z-index: 6;}
  584. #question a, #question a:visited { color:{color:bodytext}; text-decoration: none; font-style: italic; }
  585. #question a:hover { text-decoration: underline;}
  586. .answer { display:block;}
  587. .answer p {
  588. line-height:110%;}
  589.  
  590. .notecontainer {
  591. background-color: {color:content};
  592. {block:IfNot400pxwidth}
  593. width: 500px;
  594. {/block:IfNot400pxwidth}
  595. {block:If400pxwidth}
  596. width: 400px;
  597. {/block:If400pxwidth}
  598. position: relative;
  599. padding: 1px 5px; margin: 0px 0px;}
  600. .notecontainer a, .notecontainer a:visited { color: {color:Link}; text-decoration: none; }
  601. .notecontainer a:hover { color: {color:LinkHover}; }
  602.  
  603. ol.notes {
  604. padding: 0px;
  605. margin: 15px 0px;
  606. list-style-type: none; }
  607.  
  608. ol.notes li.note { font-family:{font:Tags}; font-size: 11px; font-weight: normal;
  609. padding: 2px; }
  610.  
  611. ol.notes li.note img.avatar {
  612. vertical-align: -4px;
  613. margin-right: 10px;
  614. width: 16px;
  615. height: 16px; }
  616.  
  617. ol.notes li.note:nth-child(even) img.avatar {
  618. border-right: 3px solid {color:block1}; }
  619. ol.notes li.note:nth-child(odd) img.avatar {
  620. border-right: 3px solid {color:block2}; }
  621. ol.notes li.note:nth-child(3n) img.avatar {
  622. border-right: 3px solid {color:block3}; }
  623.  
  624.  
  625.  
  626. ol.notes li.note span.action {
  627. font-weight: normal; }
  628. ol.notes li.note .answer_content { font-family:{font:Tags};
  629. font-weight: normal;}
  630.  
  631. ol.notes li.note blockquote { font-family:{font:Tags};
  632. border-color:{color:Bodytext};
  633. padding: 4px 10px;
  634. margin: 4px 0px 0px 25px; }
  635. ol.notes li.note blockquote a {
  636. font-family:{font:Tags};
  637. text-decoration: none; }
  638.  
  639. #search {
  640. position: relative; top:0; left: 50%;
  641. float: left;
  642. z-index: 999999;
  643. background: {color:searchbar};
  644. padding: 0px;
  645. width: 130px; height: 20px;
  646. margin: 5px 0px 0px -75px;
  647. -webkit-transition: all 0.4s linear;
  648. -moz-transition: all 0.4s linear;
  649. -o-transition: all 0.4s linear ;
  650. -ms-transition: all 0.4s linear;
  651. }
  652. .smalltri {
  653. position: absolute; top: 50%; right: 25px;
  654. background: {color:searchbutton};
  655. width: 8px; height: 8px;
  656. -webkit-transform: translateY(-50%) rotate(45deg);
  657. -moz-transform: translateY(-50%) rotate(45deg);
  658. -o-transform: translateY(-50%) rotate(45deg);
  659. -ms-transform: translateY(-50%) rotate(45deg);
  660. transform: translateY(-50%) rotate(45deg); }
  661. .input_text {
  662. font: 10px trebuchet ms;
  663. text-transform: uppercase;
  664. font-weight: normal;
  665. width: 95px; margin-left: 5px; margin-top: 5px;
  666. padding: 0px;
  667. background: transparent;
  668. color: {color:searchtext};
  669. border: none;
  670. float: left; }
  671. .send {
  672. background: {color:searchbutton};
  673. border: none;
  674. color: {color:searchtext};
  675. width: 30px; height: 20px; margin-top: 0;
  676. float: right;
  677. line-height: 14px;}
  678. .send:hover {
  679. background: {color:searchbar};
  680. opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
  681. .send:hover .smalltri { background: {color:searchbar};
  682. }
  683. .send .fa { line-height: 10px;
  684. /* Centering with flexbox */
  685. display: -webkit-box;
  686. display: -moz-box;
  687. display: -ms-flexbox;
  688. display: -webkit-flex;
  689. display: flex;
  690. -webkit-flex-direction: row;
  691. -ms-flex-direction: row;
  692. flex-direction: row;
  693. -webkit-flex-wrap: wrap;
  694. -ms-flex-wrap: wrap;
  695. flex-wrap: wrap;
  696. -webkit-box-pack: center;
  697. -moz-box-pack: center;
  698. -webkit-justify-content: center;
  699. -ms-flex-pack: center;
  700. justify-content: center;
  701. -webkit-box-align: center;
  702. -moz-box-align: center;
  703. -webkit-align-items: center;
  704. -ms-flex-align: center;
  705. align-items: center; }
  706.  
  707.  
  708.  
  709.  
  710. #creditbox {
  711. width:70px;
  712. height: 30px;
  713. border: none;
  714. position: fixed; bottom: 5px; right: 5px;
  715. z-index: 999999;
  716. }
  717.  
  718. iframe#tumblr_controls {
  719. z-index: 9999999;
  720. top:0px !important;
  721. right:3px !important;
  722. position: fixed !important;
  723. opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  724. -webkit-transition: all 0.4s linear;
  725. -moz-transition: all 0.4s linear;
  726. -o-transition: all 0.4s linear ;
  727. -ms-transition: all 0.4s linear; }
  728. iframe#tumblr_controls:hover {
  729. opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  730. -webkit-transition: all 0.4s linear;
  731. -moz-transition: all 0.4s linear;
  732. -o-transition: all 0.4s linear;
  733. -ms-transition: all 0.4s linear;}
  734.  
  735. img { border-style: none; }
  736. p img {
  737. {block:IfNot400pxwidth}
  738. max-width: 500px;
  739. {/block:IfNot400pxwidth}
  740. {block:If400pxwidth}
  741. max-width: 400px;
  742. {/block:If400pxwidth} }
  743.  
  744. blockquote {
  745. border-left:2px {color:Bodytext} solid;
  746. padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  747. margin:-2px 0px 0px 10px;}
  748. {block:IfNot400pxwidth}
  749. blockquote img { max-width: 482px; }
  750. blockquote blockquote img { max-width: 465px; }
  751. blockquote blockquote blockquote img { max-width: 447px; }
  752. {/block:IfNot400pxwidth}
  753. {block:If400pxwidth}
  754. blockquote img { max-width: 382px; }
  755. blockquote blockquote img { max-width: 365px; }
  756. blockquote blockquote blockquote img { max-width: 348px; }
  757. {/block:If400pxwidth}
  758.  
  759. #bottom { background-color:none; height:10px;}
  760.  
  761. </style>
  762.  
  763. <style type="text/css">{CustomCSS}</style>
  764.  
  765. {block:IfInfiniteScrolling}
  766. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  767. {/block:IfInfiniteScrolling}
  768.  
  769. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/y87lul42o/tag_search.js">
  770. </script>
  771.  
  772. </head>
  773. <body>
  774.  
  775.  
  776. <div id="background"></div>
  777.  
  778.  
  779.  
  780.  
  781.  
  782. <div id="sidebar">
  783.  
  784. <div id="title">
  785. <a href="/">
  786. {Title}
  787. </a>
  788. </div>
  789.  
  790.  
  791. <div id="blockwrap2">
  792. <div id="block1b" class="blockb">
  793. <span style="white-space: nowrap;"><a href="/ask">{text:label ask}</a></span>
  794. </div>
  795.  
  796. <div id="block2b" class="blockb">
  797.  
  798. <span style="white-space: nowrap;"><a href="/archive">{text:label archive}</a> </span>
  799. </div>
  800.  
  801. <div id="block3b" class="blockb">
  802. <span style="white-space: nowrap;{block:IfReplaceRandomLinkWithLink7}display:none;{/block:IfReplaceRandomLinkWithLink7}"><a href="/random">{text:label random}</a> </span>
  803. {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}
  804. </div>
  805. </div>
  806.  
  807. <div id="picwrap">
  808. <div id="avatar">
  809. <a href="/"><img src="{PortraitURL-128}"></a>
  810. </div>
  811. <div id="sidebarpic">
  812. <a href="/"><img src="{image:image sidebar}"></a>
  813. </div>
  814. </div>
  815.  
  816. {block:Description}
  817. <div id="description">
  818. {Description}
  819.  
  820.  
  821. <div id="dlinks">
  822. <ul>
  823. {block:IfLink1}<li><a href="{text:Link 1 Url}">{text:Link 1 Name}</a></li>{/block:IfLink1}
  824. {block:IfLink2}<li><a href="{text:Link 2 Url}">{text:Link 2 Name}</a></li>{/block:IfLink2}
  825. {block:IfLink3}<li><a href="{text:Link 3 Url}">{text:Link 3 Name}</a></li>{/block:IfLink3}
  826. {block:IfLink4}<li><a href="{text:Link 4 Url}">{text:Link 4 Name}</a> </li>{/block:IfLink4}
  827. {block:IfLink5}<li><a href="{text:Link 5 Url}">{text:Link 5 Name}</a></li>{/block:IfLink5}
  828. {block:IfLink6}<li><a href="{text:Link 6 Url}">{text:Link 6 Name}</a></li>{/block:IfLink6}
  829. {block:IfNotReplaceRandomLinkWithLink7}
  830. {block:IfLink7}<li><a href="{text:Link 7 Url}">{text:Link 7 Name}</a></li>{/block:IfLink7}
  831. {/block:IfNotReplaceRandomLinkWithLink7}
  832. </ul>
  833. </div>
  834.  
  835. </div>
  836. {/block:Description}
  837.  
  838. {block:IfShowSearch}
  839. <div id="search">
  840. <form id="search-form" onsubmit="return tagSearch(this)">
  841. <input type="text" name="tag" value="{text:Label Search}" onfocus="if (this.value == '{text:Label search}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Label search}'}" class="input_text" />
  842. <button type="submit" value="" class="send" /><i class="fa fa-search"></i><div class="smalltri"></div></button>
  843. </form>
  844.  
  845. </div>
  846. {/block:IfShowSearch}
  847.  
  848. {block:IfNotInfiniteScrolling}
  849. <div id="navigation">
  850. <div class="navi">
  851. {block:Pagination}
  852. {block:PreviousPage}
  853. <a href="{PreviousPage}"> &laquo; </a>
  854. {/block:PreviousPage}
  855. {block:JumpPagination length="7"}
  856. {block:CurrentPage}
  857. <span class="current_page">{PageNumber}</span>
  858. {/block:CurrentPage}
  859. {block:JumpPage}
  860. <a class="jump_page" href="{URL}">{PageNumber}</a>
  861. {/block:JumpPage}
  862. {/block:JumpPagination}
  863. {block:NextPage}
  864. <a href="{NextPage}"> &raquo; </a>
  865. {/block:NextPage}
  866. {/block:Pagination}
  867. </div>
  868. </div>
  869. {/block:IfNotInfiniteScrolling}
  870.  
  871.  
  872. </div>
  873.  
  874.  
  875. <div id="wrapper">
  876. <div id="content">
  877.  
  878. {block:SearchPage}
  879. {block:SearchResults}
  880. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  881. {/block:SearchResults}
  882.  
  883. {block:NoSearchResults}
  884. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  885. {/block:NoSearchResults}
  886. {/block:SearchPage}
  887.  
  888. <div class ="autopagerize_page_element">
  889.  
  890. {block:Posts}
  891. <div id="posts">
  892. {block:Date}
  893. <div id="posthead">
  894. <div id="blockwrap">
  895. <div id="block1" class="block">
  896. <div class="block_content">
  897. {block:IfNotDateStyleTimeAgo}
  898. <span style="white-space: nowrap;"><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </span>
  899. {/block:IfNotDateStyleTimeAgo}
  900. {block:IfDateStyleTimeAgo}
  901. <span style="white-space: nowrap;"><a href="{Permalink}">{TimeAgo}</a> </span>
  902. {/block:IfDateStyleTimeAgo}
  903. </div>
  904. </div>
  905.  
  906. <div id="block2" class="block">
  907. <div class="block_content">
  908. {block:Reblog}
  909. <span style="white-space: nowrap;"><a href="{ReblogRootURL}">source</a>{block:RebloggedFromReblog} <a href="#">&#124;</a> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFromReblog}</span>
  910. {/block:Reblog}
  911. </div>
  912. </div>
  913.  
  914. <div id="block3" class="block">
  915. <div class="block_content">
  916. {block:NoteCount}
  917. <span style="white-space: nowrap; display: inline;" ><a href="{Permalink}"> {NoteCountWithLabel}</a> <a href="#">&#124;</a>
  918. {/block:NoteCount}
  919. <a href="{ReblogURL}">reblog</a></span>
  920. </div>
  921. </div>
  922. </div>
  923. </div>
  924.  
  925. {/block:Date}
  926.  
  927. <div id="postwrap">
  928.  
  929. {block:Text}
  930. {block:Title}
  931. <h3 class="posttitle">{Title}</h3>
  932. {/block:Title}
  933. {Body}
  934.  
  935. {/block:Text}
  936.  
  937. {block:Photo}
  938. <div class="media" {block:IfimagesCentered} align="center"{/block:IfImagesCentered}>
  939. <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}>
  940. </div>
  941. {block:Caption}
  942. <div class="caption">{Caption}</div>
  943. {/block:Caption}
  944.  
  945. {/block:Photo}
  946.  
  947. {block:Photoset}
  948. {block:IfNot400pxwidth} {Photoset-500}{/block:IfNot400pxwidth} {block:If400pxwidth} {Photoset-400}{/block:If400pxwidth}
  949. {block:Caption}
  950. <div class="caption">{Caption}</div>
  951. {/block:Caption}
  952.  
  953. {/block:Photoset}
  954.  
  955. {block:Quote}
  956. <div class="quotewrap">
  957. <div class="quotebg" id="left">❝</div>
  958. <div class="quotebg" id="right">❞</div>
  959. <div class="postquote">{Quote}</div>
  960. {block:Source}
  961. <div class="quote_source">
  962. &mdash; {Source}</div>
  963.  
  964. {/block:Source}
  965. </div>
  966.  
  967. {/block:Quote}
  968.  
  969. {block:Link}
  970. <div id="postlink">
  971. <a href="{URL}" class="postlink" {Target}>{Name}</a>
  972. </div>
  973. {block:Description}
  974. <div class="description">{Description}</div>
  975. {/block:Description}
  976.  
  977. {/block:Link}
  978.  
  979. {block:Chat}
  980. {block:Title}
  981. <h3 class="chattitle">{Title}</h3>
  982. {/block:Title}
  983. <ul class="chat">
  984. {block:Lines}
  985. <li class="{Alt} user_{UserNumber}">
  986. {block:Label}
  987. <span class="label">{Label}</span>
  988. {/block:Label}
  989. {Line}
  990. </li>
  991. {/block:Lines}
  992. </ul>
  993.  
  994. {/block:Chat}
  995.  
  996. {block:Video}
  997. {block:IfNot400pxwidth} {Video-500} {/block:IfNot400pxwidth} {block:If400pxwidth} {Video-400} {/block:If400pxwidth}
  998. {block:Caption}
  999. <div class="caption">{Caption}</div>
  1000. {/block:Caption}
  1001.  
  1002. {/block:Video}
  1003.  
  1004. {block:Audio}
  1005. <table border="0" {block:IfNot400pxwidth}width="500px"{/block:IfNot400pxwidth} {block:If400pxwidth}width="400px"{block:If400pxwidth} cellspacing="0" cellpadding="0" class="audio_table">
  1006.  
  1007. <tr>
  1008. <td width="170px">
  1009. <div class="audio_wrap">
  1010. {block:AlbumArt}
  1011. <div class="album_art">
  1012. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:0px;" width="170px"/>
  1013. </div>
  1014. {/block:AlbumArt}
  1015. <div id="playerwrap"><div id="audioplayer">{block:IfNotaudioplayerblack} {AudioPlayerWhite} {/block:IfNotaudioplayerblack}{block:Ifaudioplayerblack}{AudioPlayerBlack} {/block:Ifaudioplayerblack}</div></div>
  1016. </div>
  1017. </td>
  1018. <td width="320px" height="140px" valign="center">
  1019. <ol class="audioinfo">
  1020. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  1021. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  1022. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  1023. <li><b>Plays: </b> {PlayCount}</li>
  1024. </ol>
  1025. </td>
  1026.  
  1027. </tr>
  1028. {block:Caption}
  1029. <tr>
  1030. <td colspan="2" valign="top">
  1031.  
  1032. <div class="caption">{Caption}</div>
  1033.  
  1034. </td>
  1035. </tr>{/block:Caption}
  1036. </table>
  1037.  
  1038. {/block:Audio}
  1039.  
  1040. {block:Answer}
  1041. <div class="question_post">
  1042. <table border="0" width="100%">
  1043. <tr>
  1044. <td width="10%" align="left">
  1045. <div class="question_wrap">
  1046. <img class="icon" src="{AskerPortraitURL-30}">
  1047. <div class="tri">◀</div>
  1048.  
  1049. </div>
  1050. </td>
  1051. <td width="90%" align="left">
  1052. <div id="question">
  1053. <span style="font-style: italic;">{Asker}:</span> {Question}
  1054. </div>
  1055. </td>
  1056. </tr>
  1057.  
  1058. </table>
  1059.  
  1060. </div>
  1061.  
  1062. <div class="answer">{Answer}</div>
  1063.  
  1064. {/block:Answer}
  1065. </div>
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} {ReblogParentURL}{block:ReblogParentLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{ReblogParentTitle}” />{/block:ReblogParentLogo}{block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->{/block:ContentSource}
  1072.  
  1073. </div>
  1074.  
  1075. {block:PermalinkPage}
  1076.  
  1077. {block:PostNotes}
  1078. <div class="notecontainer">{PostNotes}</div>
  1079. {/block:PostNotes}
  1080.  
  1081. {/block:PermalinkPage}
  1082.  
  1083. {/block:Posts}
  1084. </div>
  1085.  
  1086.  
  1087. </div>
  1088.  
  1089.  
  1090.  
  1091.  
  1092.  
  1093. <div id="bottom"></div>
  1094. </div>
  1095.  
  1096. <div class="clear"></div>
  1097. </div>
  1098.  
  1099. <iframe id="creditbox" src="http://riverbellthemes.tumblr.com/copy" scrolling="none"></iframe>
  1100.  
  1101. </body>
  1102. </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!