API tools faq
paste
7th-district

[Theme #17] Say Hello

7th-district
Apr 21st, 2014
11,191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. _______________________________________________________________________
  3.  
  4. ► Theme made by Rachel @ almightyone.tumblr.com
  5.  
  6. [THEME #17] SAY HELLO
  7. If you have any questions, go to 7th-district.tumblr.com/message for help.
  8.  
  9. ► Terms of Use
  10. - Do not remove the credit or move it anywhere! (No pages!)
  11. - Do not block the credit with images or anything else.
  12. - Do not make heavy changes that make the theme no longer recognizable as mine.
  13. - Do not take parts of my theme codes and add it into your theme!
  14. _______________________________________________________________________
  15. -->
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20.  
  21. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}" />
  24.  
  25. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,700' rel='stylesheet' type='text/css'>
  29. <!--
  30. font-family: 'Lobster Two', cursive;
  31. -->
  32.  
  33. <!-- color options -->
  34. <meta name="color:scrollbar bg" content="#fafafa" />
  35. <meta name="color:scrollbar" content="#63bdd3" />
  36. <meta name="color:background" content="#fafafa" />
  37. <meta name="color:side image bg" content="#f3f3f3" />
  38. <meta name="color:side image border" content="#d4d4d4" />
  39. <meta name="color:title" content="#777777" />
  40. <meta name="color:title shadow" content="#dddddd" />
  41. <meta name="color:title hover" content="#279dc1" />
  42. <meta name="color:description text" content="#888888" />
  43. <meta name="color:description bg" content="#ffffff" />
  44. <meta name="color:description border" content="#d4d4d4" />
  45. <meta name="color:main link 1 bg" content="#f8f8f8" />
  46. <meta name="color:main link 1 border" content="#d1d1d1" />
  47. <meta name="color:main link 2 bg" content="#f7efb2" />
  48. <meta name="color:main link 2 border" content="#ede38e" />
  49. <meta name="color:main link 3 bg" content="#dddddd"/>
  50. <meta name="color:main link 3 border" content="#bebebe" />
  51. <meta name="color:main link 4 bg" content="#fcd6d7" />
  52. <meta name="color:main link 4 border" content="#edafb1" />
  53. <meta name="color:side pattern" content="#eeeeee" />
  54. <meta name="color:side pattern border" content="#e4e4e4" />
  55. <meta name="color:bottomleft link bg" content="#ffffff" />
  56. <meta name="color:bottomleft link border" content="#d4d4d4" />
  57. <meta name="color:bottomleft link text" content="#666666" />
  58. <meta name="color:bottomleft link bg hover" content="#fcd6d7" />
  59. <meta name="color:bottomleft link border hover" content="#edc0c0" />
  60. <meta name="color:bottomleft link text hover" content="#555555"/>
  61. <meta name="color:bottomright link bg" content="#eeeeee" />
  62. <meta name="color:bottomright link border" content="#d4d4d4" />
  63. <meta name="color:bottomright link text" content="#555555" />
  64. <meta name="color:bottomright link bg hover" content="#bfe6ef" />
  65. <meta name="color:bottomright link border hover" content="#b1d5e0 "/>
  66. <meta name="color:bottomright link text hover" content="#454545" />
  67. <meta name="color:text" content="#777777" />
  68. <meta name="color:italics" content="#777777" />
  69. <meta name="color:bold" content="#777777" />
  70. <meta name="color:links" content="#5bb7d0" />
  71. <meta name="color:links hover" content="#888888" />
  72. <meta name="color:blockquote" content="#efc2c7" />
  73. <meta name="color:posts" content="#ffffff" />
  74. <meta name="color:posts border" content="#d4d4d4" />
  75. <meta name="color:permalink bg" content="#f8f8f8" />
  76. <meta name="color:permalink text" content="#565656" />
  77. <meta name="color:permalink bg hover" content="#ffffff" />
  78. <meta name="color:permalink text hover" content="#888888" />
  79. <meta name="color:questions bg" content="#f8f8f8" />
  80. <meta name="color:questions border" content="#e4e4e4" />
  81. <meta name="color:questions text" content="#666666" />
  82. <meta name="color:asker portrait border" content="#dddddd" />
  83. <meta name="color:asker portrait bg" content="#fafafa" />
  84. <meta name="color:pagination next" content="#d1d1d1" />
  85. <meta name="color:pagination prev" content="#ffffff" />
  86.  
  87. <!--image options-->
  88. <meta name="image:background" content="" />
  89. <meta name="image:side pattern" content="http://37.media.tumblr.com/tumblr_lzju29VxIR1r9g6hvo4_400.png" />
  90. <meta name="image:side image" content="http://oi57.tinypic.com/2z5jiue.jpg" />
  91.  
  92. <!-- clickable options -->
  93. <meta name="if:250" content="1" />
  94. <meta name="if:400" content="0" />
  95. <meta name="if:500" content="0" />
  96. <meta name="if:grayscale" content="0" />
  97. <meta name="if:captions" content="1" />
  98. <meta name="if:photo fade" content="0" />
  99. <meta name="if:small cursor" content="1" />
  100. <meta name="if:infinite scroll" content="0" />
  101.  
  102.  
  103. <meta name="text:Link01 url" content="/">
  104. <meta name="text:Link01" content="link 1"/>
  105. <meta name="text:Link02 url" content="/">
  106. <meta name="text:Link02" content="link 2"/>
  107. <meta name="text:Link03 url" content="/">
  108. <meta name="text:Link03" content="link 3"/>
  109. <meta name="text:Link04 url" content="/">
  110. <meta name="text:Link04" content="link 4"/>
  111. <meta name="text:Link05 url" content="/">
  112. <meta name="text:Link05" content="link 5"/>
  113. <meta name="text:Link06 url" content="/">
  114. <meta name="text:Link06" content="link 6"/>
  115.  
  116. <style type="text/css">
  117.  
  118.  
  119. iframe#tumblr_controls {
  120. -webkit-filter: invert(100%);
  121. -moz-filter: invert(100%);
  122. -o-filter: invert(100%);
  123. -webkit-transition: all 0.6s linear;
  124. -moz-transition: all 0.6s linear;
  125. -ms-transition: all 0.6s linear;
  126. -o-transition: all 0.6s linear;
  127. transition: all 0.6s linear;
  128. opacity:.3;
  129. }
  130.  
  131. iframe#tumblr_controls:hover{
  132. opacity:1;
  133. -webkit-transition: all 0.6s linear;
  134. -moz-transition: all 0.6s linear;
  135. -ms-transition: all 0.6s linear;
  136. -o-transition: all 0.6s linear;
  137. transition: all 0.6s linear;
  138. }
  139.  
  140.  
  141. ::selection {
  142. background: #DBE1DF;
  143. color: #565656;
  144. }
  145.  
  146. ::-moz-selection {
  147. background: #DBE1DF;
  148. color: #565656;
  149. }
  150.  
  151. ::-webkit-selection {
  152. background: #DBE1DF;
  153. color: #565656;
  154. }
  155.  
  156. ::-webkit-scrollbar-track {background-color:{color:scrollbar bg};}
  157. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};
  158. border:5px solid {color:scrollbar bg};
  159. border-radius:5px;
  160. }
  161. ::-webkit-scrollbar {width:15px;height:5px;}
  162.  
  163. #s-m-t-tooltip {
  164. position:relative;
  165. overflow:hidden;
  166. z-index:999;
  167. max-width:200px;
  168. margin:10px 0 0 10px;
  169. padding:3px 4px 4px 4px;
  170. font:9px calibri;
  171. background:#fff;
  172. letter-spacing:1px;
  173. line-height:100%;
  174. font-weight:bold;
  175. color:#454545;
  176. text-transform:uppercase;
  177. border:1px solid #d4d4d4;
  178. border-radius:3px;
  179. }
  180.  
  181. {block:ifsmallcursor}
  182. body {cursor: url('https://31.media.tumblr.com/28b53f437be2ef9f495c31d226b7f387/tumblr_inline_n0lc39S8lT1r1tugg.gif'), progress !important;}
  183. a:hover {cursor: url('https://31.media.tumblr.com/14770974325c40b8aefe3ecd4e360253/tumblr_inline_n0lc3j3Jah1r1tugg.png'), progress !important;}
  184. {/block:ifsmallcursor}
  185.  
  186. body{
  187. background-color:{color:background};
  188. background-image:url('{image:background}');
  189. background-attachment:fixed;
  190. background-repeat:repeat;
  191. margin:0;
  192. padding:0;
  193. word-wrap:break-word;
  194. }
  195.  
  196. body a{text-decoration:none;}
  197.  
  198. #side{
  199. position:fixed;
  200. top:25%;
  201. left:50px;
  202. width:auto;
  203. height:auto;
  204. padding:5px;
  205. }
  206.  
  207. #side #sideimg img{
  208. margin-left:20px;
  209. width:110px;
  210. height:110px;
  211. border-radius:100%;
  212. padding:7px;
  213. background:{color:side image bg};
  214. border:1px solid {color:side image border};
  215. transform:rotate(-10deg);
  216. -ms-transform:rotate(-10deg);
  217. -webkit-transform:rotate(-10deg);
  218. -moz-transform:rotate(-10deg);
  219. -o-transform:rotate(-10deg);
  220. transition: all 0.5s ease-in-out;
  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. -ms-transition: all 0.5s ease-in-out;
  225. }
  226.  
  227. #side:hover #sideimg img{
  228. transform:rotate(0deg);
  229. -ms-transform:rotate(0deg);
  230. -webkit-transform:rotate(0deg);
  231. -moz-transform:rotate(0deg);
  232. -o-transform:rotate(0deg);
  233. transition: all 0.5s ease-in-out;
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -moz-transition: all 0.5s ease-in-out;
  236. -o-transition: all 0.5s ease-in-out;
  237. -ms-transition: all 0.5s ease-in-out;
  238. }
  239.  
  240. #tit{
  241. margin-left:22px;
  242. margin-top:7px;
  243. font-family: 'Lobster Two', cursive;
  244. font-size:18px;
  245. font-weight:700;
  246. width:120px;
  247. text-shadow:2px 2px 1px {color:title shadow};
  248. border:0px solid black;
  249. text-align:center;
  250. word-wrap:break-word;
  251. line-height:80%;
  252. }
  253.  
  254. #tit a{
  255. color:{color:title};
  256. -webkit-transition: all 0.5s ease-in-out;
  257. -moz-transition: all 0.5s ease-in-out;
  258. -o-transition: all 0.5s ease-in-out;
  259. -ms-transition: all 0.5s ease-in-out;
  260. }
  261.  
  262. #tit a:hover{
  263. color:{color:title hover};
  264. -webkit-transition: all 0.5s ease-in-out;
  265. -moz-transition: all 0.5s ease-in-out;
  266. -o-transition: all 0.5s ease-in-out;
  267. -ms-transition: all 0.5s ease-in-out;
  268. }
  269.  
  270. #desc{
  271. margin-left:22px;
  272. margin-top:5px;
  273. font-family:calibri;
  274. font-size:11px;
  275. color:{color:description text};
  276. text-align:center;
  277. line-height:110%;
  278. width:110px;
  279. padding:5px;
  280. background:{color:description bg};
  281. border:1px solid {color:description border};
  282. }
  283.  
  284. #desc a{
  285. color:{color:links};
  286. }
  287.  
  288. #desc a:hover{
  289. color:{color:links hover};
  290. }
  291.  
  292. .circle1 a img{
  293. position:absolute;
  294. float:left;
  295. margin-top:-5px;
  296. background:{color:main link 1 bg};
  297. border:1px solid {color:main link 1 border};
  298. padding:5px;
  299. border-radius:100%;
  300. transition: all 0.5s ease-in-out;
  301. -webkit-transition: all 0.5s ease-in-out;
  302. -moz-transition: all 0.5s ease-in-out;
  303. -o-transition: all 0.5s ease-in-out;
  304. -ms-transition: all 0.5s ease-in-out;
  305. }
  306.  
  307. .circle1 a img:hover{
  308. opacity:.7;
  309. transform:rotate(360deg);
  310. -ms-transform:rotate(360deg);
  311. -webkit-transform:rotate(360deg);
  312. -moz-transform:rotate(360deg);
  313. -o-transform:rotate(360deg);
  314. transition: all 0.7s ease-in-out;
  315. -webkit-transition: all 0.7s ease-in-out;
  316. -moz-transition: all 0.7s ease-in-out;
  317. -o-transition: all 0.7s ease-in-out;
  318. -ms-transition: all 0.7s ease-in-out;
  319. }
  320.  
  321. .circle2 a img{
  322. position:absolute;
  323. margin-left:155px;
  324. margin-top:33px;
  325. background:{color:main link 2 bg};
  326. border:1px solid {color:main link 2 border};
  327. padding:11px;
  328. border-radius:100%;
  329. transition: all 0.5s ease-in-out;
  330. -webkit-transition: all 0.5s ease-in-out;
  331. -moz-transition: all 0.5s ease-in-out;
  332. -o-transition: all 0.5s ease-in-out;
  333. -ms-transition: all 0.5s ease-in-out;
  334. }
  335.  
  336. .circle2 a img:hover{
  337. opacity:.7;
  338. transform:rotate(360deg);
  339. -ms-transform:rotate(360deg);
  340. -webkit-transform:rotate(360deg);
  341. -moz-transform:rotate(360deg);
  342. -o-transform:rotate(360deg);
  343. transition: all 0.7s ease-in-out;
  344. -webkit-transition: all 0.7s ease-in-out;
  345. -moz-transition: all 0.7s ease-in-out;
  346. -o-transition: all 0.7s ease-in-out;
  347. -ms-transition: all 0.7s ease-in-out;
  348. }
  349.  
  350. .circle3 a img{
  351. position:absolute;
  352. margin-top:94px;
  353. margin-left:-4px;
  354. background:{color:main link 4 bg};
  355. border:1px solid {color:main link 4 border};
  356. padding:4px;
  357. border-radius:100%;
  358. transition: all 0.5s ease-in-out;
  359. -webkit-transition: all 0.5s ease-in-out;
  360. -moz-transition: all 0.5s ease-in-out;
  361. -o-transition: all 0.5s ease-in-out;
  362. -ms-transition: all 0.5s ease-in-out;
  363. }
  364.  
  365. .circle3 a img:hover{
  366. opacity:.7;
  367. transform:rotate(360deg);
  368. -ms-transform:rotate(360deg);
  369. -webkit-transform:rotate(360deg);
  370. -moz-transform:rotate(360deg);
  371. -o-transform:rotate(360deg);
  372. transition: all 0.7s ease-in-out;
  373. -webkit-transition: all 0.7s ease-in-out;
  374. -moz-transition: all 0.7s ease-in-out;
  375. -o-transition: all 0.7s ease-in-out;
  376. -ms-transition: all 0.7s ease-in-out;
  377. }
  378.  
  379. .circle4 a img{
  380. position:absolute;
  381. margin-top:104px;
  382. margin-left:144px;
  383. background:{color:main link 3 bg};
  384. border:1px solid {color:main link 3 border};
  385. padding:6px;
  386. border-radius:100%;
  387. transition: all 0.5s ease-in-out;
  388. -webkit-transition: all 0.5s ease-in-out;
  389. -moz-transition: all 0.5s ease-in-out;
  390. -o-transition: all 0.5s ease-in-out;
  391. -ms-transition: all 0.5s ease-in-out;
  392. }
  393.  
  394. .circle4 a img:hover{
  395. opacity:.7;
  396. transform:rotate(360deg);
  397. -ms-transform:rotate(360deg);
  398. -webkit-transform:rotate(360deg);
  399. -moz-transform:rotate(360deg);
  400. -o-transform:rotate(360deg);
  401. transition: all 0.7s ease-in-out;
  402. -webkit-transition: all 0.7s ease-in-out;
  403. -moz-transition: all 0.7s ease-in-out;
  404. -o-transition: all 0.7s ease-in-out;
  405. -ms-transition: all 0.7s ease-in-out;
  406. }
  407.  
  408. #left{
  409. position:fixed;
  410. top:0;
  411. left:0;
  412. height:100%;
  413. width:135px;
  414. background:{color:side pattern};
  415. background-image:url('{image:side pattern}');
  416. border-right:4px solid {color:side pattern border};
  417. }
  418.  
  419. #links {
  420. margin-top:7px;
  421. margin-left:20px;
  422. width:130px;
  423. text-align:center;
  424. height:auto;
  425. }
  426.  
  427. #links a:nth-of-type(odd) {
  428. float:left;
  429. margin:3px 3px;
  430. width:49px;
  431. padding:3px 3px;
  432. font-family:courier;
  433. text-transform:uppercase;
  434. font-size:8px;
  435. color:{color:bottomleft link text};
  436. font-weight:bold;
  437. background:{color:bottomleft link bg};
  438. border:1px solid {color:bottomleft link border};
  439. -webkit-transition: all 0.7s ease-in-out;
  440. -moz-transition: all 0.7s ease-in-out;
  441. -o-transition: all 0.7s ease-in-out;
  442. -ms-transition: all 0.7s ease-in-out;
  443. }
  444.  
  445. #links a:hover:nth-of-type(odd) {
  446. color:{color:bottomleft link text hover};
  447. text-decoration:line-through;
  448. background:{color:bottomleft link bg hover};
  449. border:1px solid {color:bottomleft link border hover};
  450. -webkit-transition: all 0.4s ease-in-out;
  451. -moz-transition: all 0.4s ease-in-out;
  452. -o-transition: all 0.4s ease-in-out;
  453. -ms-transition: all 0.4s ease-in-out;
  454. }
  455.  
  456. #links a:nth-of-type(even) {
  457. float:left;
  458. margin:3px 3px;
  459. width:49px;
  460. padding:3px 3px;
  461. background:{color:bottomright link bg};
  462. font-family:courier;
  463. text-transform:uppercase;
  464. font-size:8px;
  465. color:{color:bottomright link text};
  466. font-weight:bold;
  467. border:1px solid {color:bottomright link border};
  468. -webkit-transition: all 0.7s ease-in-out;
  469. -moz-transition: all 0.7s ease-in-out;
  470. -o-transition: all 0.7s ease-in-out;
  471. -ms-transition: all 0.7s ease-in-out;
  472. transition: all 0.7s ease-in-out;
  473. }
  474.  
  475. #links a:hover:nth-of-type(even) {
  476. background:{color:bottomright link bg hover};
  477. border:1px solid {color:bottomright link border hover};
  478. color:{color:bottomright link text hover};
  479. text-decoration:line-through;
  480. -webkit-transition: all 0.4s ease-in-out;
  481. -moz-transition: all 0.4s ease-in-out;
  482. -o-transition: all 0.4s ease-in-out;
  483. -ms-transition: all 0.4s ease-in-out;
  484. }
  485.  
  486. #content {
  487. font-family:calibri;
  488. color:{color:text};
  489. font-size:11px;
  490. line-height:110%;
  491. {block:indexpage}
  492. margin:50px 0px 50px 300px;
  493. {block:if250}
  494. width:270px;
  495. {/block:if250}
  496. {block:if400}
  497. width:420px;
  498. {/block:if400}
  499. {block:if500}
  500. width:520px;
  501. {/block:if500}
  502. {/block:indexpage}
  503. {block:permalinkpage}
  504. width:520px;
  505. margin:50px 0px 50px 300px;
  506. {/block:permalinkpage}
  507. }
  508.  
  509. #content img{
  510. {block:if250}
  511. max-width:250px;
  512. {/block:if250}
  513. {block:if400}
  514. max-width:400px;
  515. {/block:if400}
  516. {block:if500}
  517. max-width:500px;
  518. {/block:if500}
  519. {block:permalinkpage}
  520. max-width:500px;
  521. {/block:permalinkpage}
  522. }
  523.  
  524. ul{
  525. list-style-type:square;
  526. line-height:110%;
  527. margin:0px;
  528. }
  529.  
  530. b, strong {
  531. color:{color:bold};
  532. font-weight:bold;
  533. }
  534.  
  535. i, em {
  536. color:{color:italics};
  537. font-style:italic;
  538. }
  539.  
  540. blockquote{
  541. margin:0px;
  542. padding-left:10px;
  543. border-left:3px solid {color:blockquote};
  544. }
  545.  
  546. blockquote img{
  547. {block:if250}
  548. max-width:150px;
  549. {/block:if250}
  550. {block:if400}
  551. max-width:250px;
  552. {/block:if400}
  553. {block:if500}
  554. max-width:300px;
  555. {/block:if500}
  556. {block:permalinkpage}
  557. max-width:300px;
  558. {/block:permalinkpage}
  559. }
  560.  
  561. .posts {
  562. background:{color:posts};
  563. line-height:110%;
  564. margin-bottom:33px;
  565. opacity:1;
  566. border:1px solid {color:posts border};
  567. border-radius:4px;
  568. {block:indexpage}
  569. padding:19px;
  570. {block:ifphotofade}
  571. opacity:.8;
  572. {/block:ifphotofade}
  573. {block:if250}
  574. width:250px;
  575. {/block:if250}
  576. {block:if400}
  577. width:400px;
  578. {/block:if400}
  579. {block:if500}
  580. width:500px;
  581. {/block:if500}
  582. {block:ifgrayscale}
  583. -webkit-filter: grayscale(100%);
  584. {/block:ifgrayscale}
  585. {block:ifphotofade}opacity:.8;{/block:ifphotofade}
  586. {/block:indexpage}
  587. {block:permalinkpage}
  588. width:500px;
  589. padding:19px;
  590. {/block:permalinkpage}
  591. display:block;
  592. -webkit-transition: all 0.4s ease-in-out;
  593. -moz-transition-duration: all 0.4s ease-in-out;
  594. -o-transition-duration: all 0.4s ease-in-out;
  595. -ms-transition-duration: all 0.4s ease-in-out;
  596. }
  597.  
  598. .posts:hover{
  599. opacity:1;
  600. {block:indexpage}
  601. -webkit-filter: grayscale(0%);
  602. {/block:indexpage}
  603. -webkit-transition: all 0.4s ease-in-out;
  604. -moz-transition-duration: all 0.4s ease-in-out;
  605. -o-transition-duration: all 0.4s ease-in-out;
  606. -ms-transition-duration: all 0.4s ease-in-out;
  607. }
  608.  
  609.  
  610. .posts a{
  611. color:{color:links};
  612. -webkit-transition: all 0.3s ease-in-out;
  613. -moz-transition: all 0.3s ease-in-out;
  614. -ms-transition: all 0.3s ease-in-out;
  615. -o-transition: all 0.3s ease-in-out;
  616. }
  617.  
  618. .posts a:hover{
  619. color:{color:links hover};
  620. -webkit-transition: all 0.3s ease-in-out;
  621. -moz-transition: all 0.3s ease-in-out;
  622. -ms-transition: all 0.3s ease-in-out;
  623. -o-transition: all 0.3s ease-in-out;
  624. }
  625.  
  626.  
  627. .posts img{
  628. display:block;
  629. }
  630.  
  631. .perma {
  632. {block:if250}width:250px;{/block:if250}
  633. {block:if400}width:400px;{/block:if400}
  634. {block:if500}width:500px;{/block:if500}
  635. height:auto;
  636. float:left;
  637. word-wrap:break-word;
  638. margin-top:4px;
  639. font-family:calibri;
  640. text-align:center;
  641. text-transform:uppercase;
  642. font-size:9px;
  643. border:0px solid black;
  644. line-height:9px;
  645. padding:4px 5px;
  646. z-index:9999;
  647. }
  648.  
  649. .perma a {
  650. float:right;
  651. width:auto;
  652. padding:3px 5px 4px 5px!important;
  653. border-radius:3px;
  654. margin-right:5px;
  655. }
  656.  
  657. .perma_other a{
  658. margin-top:2px;
  659. background:{color:permalink bg};
  660. border:1px solid {color:posts border};!important;
  661. color:{color:permalink text};!important;
  662. }
  663.  
  664. .perma_other a:hover{
  665. color:{color:permalink text hover};!important;
  666. background:{color:permalink bg hover};!important;
  667. }
  668.  
  669. #note{
  670. margin:20px auto;
  671. width: 500px;
  672. font-size: 11px;
  673. text-transform:lowercase;
  674. font-family:calibri;
  675. color:{color:text};
  676. list-style-type:none!important;
  677. }
  678.  
  679. ol.notes{
  680. list-style-type:square!important;
  681. margin-left:10px;
  682. padding-left:5px;
  683. line-height:130%;
  684. color:{color:text};
  685. }
  686.  
  687. ol.notes li.note img.avatar {
  688. margin-right: 10px;
  689. width: 0px;
  690. height: 0px;
  691. }
  692.  
  693. .info{
  694. border-top:1px solid {color:posts border};
  695. padding-bottom:0px;
  696. padding-top:5px;
  697. padding-left:2px;
  698. text-align:left;
  699. font-family:calibri;
  700. font-size:11px;
  701. color:{color:text};
  702. margin-top:5px;
  703. }
  704.  
  705. .tags{
  706. margin-top:0px;
  707. font-family:calibri;
  708. font-size:11px;
  709. text-transform:lowercase;
  710. text-align:left;
  711. color:{color:text};
  712. }
  713.  
  714. #ques{
  715. {block:if250}
  716. width:235px;
  717. {/block:if250}
  718. {block:if400}
  719. width:385px;
  720. {/block:if400}
  721. {block:if500}
  722. width:485px;
  723. {/block:if500}
  724. {block:permalinkpage}
  725. width:485px;
  726. {/block:permalinkpage}
  727. height:auto;
  728. color:{color:questions text};
  729. background:{color:questions bg};
  730. border:1px solid {color:questions border};
  731. padding:7px;
  732. margin-top:4px;
  733. line-height:110%;
  734. margin-bottom:8px;
  735. }
  736.  
  737.  
  738. #asker{
  739. text-align:right;
  740. font-size:15px;
  741. padding:2px 5px 2px 0px;
  742. font-family:calibri;
  743. font-weight:bold;
  744. text-transform:lowercase;
  745. font-weight:bold;
  746. line-height:150%;
  747. }
  748.  
  749. #answer{
  750. margin-left:0px;
  751. }
  752.  
  753. .title {
  754. {block:if250}
  755. font-size:14px;
  756. {/block:if250}
  757. {block:if400}
  758. font-size:15px;
  759. {/block:if400}
  760. {block:if500}
  761. font-size:16px;
  762. {/block:if500};
  763. font-family: trebuchet ms;
  764. text-align:center!important;
  765. text-transform:lowercase;
  766. line-height:140%;
  767. }
  768.  
  769. .title a{
  770. text-align:center;
  771. color:{color:links};
  772. }
  773.  
  774. .quote {
  775. font-family: trebuchet ms;
  776. letter-spacing:-1px;
  777. font-style: italic;
  778. {block:if250}
  779. font-size:15px;
  780. {/block:if250}
  781. {block:if400}
  782. font-size:15px;
  783. {/block:if400}
  784. {block:if500}
  785. font-size:16px;
  786. {/block:if500}
  787. {block:permalinkpage}
  788. font-size:14px;
  789. {/block:permalinkpage}
  790. line-height:100%;
  791. }
  792.  
  793. .source{
  794. font-size:11px;
  795. text-align:right;
  796. font-style:italic;
  797. font-weight:bold;
  798. }
  799.  
  800. .cover {
  801. position: relative;
  802. z-index: 1;
  803. width:100px;
  804. float:left;
  805. margin-right:10px;
  806. }
  807.  
  808. .playbutton {
  809. width: 20px;
  810. height: 30px;
  811. overflow: hidden;
  812. position: relative;
  813. z-index: 1000;
  814. margin: 15px 24px 13px 16px;
  815. }
  816.  
  817. .playbox {
  818. background-color: #000;
  819. position: absolute;
  820. z-index: 1000;
  821. margin-top: 23px;
  822. margin-left: 20px;
  823. opacity:.6;
  824. -webkit-transition: all 0.4s ease-in-out;
  825. -moz-transition-duration: all 0.4s ease-in-out;
  826. -o-transition-duration: all 0.4s ease-in-out;
  827. -ms-transition-duration: all 0.4s ease-in-out;
  828. }
  829.  
  830. .playbox:hover{
  831. opacity:.8;
  832. -webkit-transition: all 0.4s ease-in-out;
  833. -moz-transition-duration: all 0.4s ease-in-out;
  834. -o-transition-duration: all 0.4s ease-in-out;
  835. -ms-transition-duration: all 0.4s ease-in-out;
  836. }
  837.  
  838. #albuminfo{
  839. position:relative;
  840. height:100px;
  841. margin-left:110px;
  842. word-wrap:break-word;
  843. }
  844.  
  845. .albuminfo{
  846. font-family:calibri;
  847. margin-top:0px;
  848. padding-left:8px;
  849. padding-top:3px;
  850. padding-bottom:3px;
  851. border-bottom:1px solid {color:posts border};
  852. line-height:120%;
  853. }
  854.  
  855.  
  856. .pagination{
  857.  
  858. margin-left:22px;
  859. {block:ifinfinitescroll}
  860. display:none;
  861. {/block:ifinfinitescroll}
  862. width:120px;
  863. height:auto;
  864. text-align:center;
  865. }
  866.  
  867. .pagination a{
  868. text-shadow:2px 2px 1px {color:title shadow};
  869. font-weight:bold;
  870. font-size:33px;
  871. }
  872.  
  873. .prev{
  874. margin-top:3px;
  875. font-family:calibri;
  876. letter-spacing:-1px;
  877. color:{color:pagination prev};
  878. -webkit-transition: all 0.4s ease-in-out;
  879. -moz-transition-duration: all 0.4s ease-in-out;
  880. -o-transition-duration: all 0.4s ease-in-out;
  881. -ms-transition-duration: all 0.4s ease-in-out;
  882. }
  883.  
  884. .prev a:hover{
  885. -webkit-transition: all 0.4s ease-in-out;
  886. -moz-transition-duration: all 0.4s ease-in-out;
  887. -o-transition-duration: all 0.4s ease-in-out;
  888. -ms-transition-duration: all 0.4s ease-in-out;
  889. }
  890.  
  891. .next{
  892. margin-left:28px;
  893. color:{color:pagination next};
  894. }
  895.  
  896.  
  897. {CustomCSS}
  898. </style>
  899. {block:ifinfinitescroll}
  900. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  901. {/block:ifinfinitescroll}
  902. </head>
  903. <body>
  904.  
  905. <div id="left"></div>
  906.  
  907. <div id="side">
  908. <div class="circle1"><a href="/" title="home"><img src="http://media.tumblr.com/80a571a81daebb8ef04da3fbe7ce3d83/tumblr_inline_msr9q071OW1qz4rgp.png" /></a></div>
  909. <div class="circle2"><a href="/ask" title="message"><img src="http://media.tumblr.com/15eac61266f7a7fb260d5763d8596ccf/tumblr_inline_msr9qkFSoz1qz4rgp.png" /></a></div>
  910. <div class="circle3"> <a href="/archive" title="history"><img src="http://media.tumblr.com/d45d59c737e8e8cbb18be26253588ae7/tumblr_inline_msr9tjKHmN1qz4rgp.png" /></a></div>
  911.  
  912. <!-- ** Do NOT remove the credit or move it anywhere! (No pages!) Leave the credit intact in the theme AND code. ** -->
  913. <div class="circle4"><a href="http://almightyone.tumblr.com/" title="theme by almightyone"><img src="http://media.tumblr.com/3ee50e5052011f65c1d75c382b5f510b/tumblr_inline_msr9tcz2X41qz4rgp.png" /></a></div>
  914. <!----------------------------------------------------------------------->
  915.  
  916. <div id="sideimg"><img src="{image:side image}" /></div>
  917. <div id="tit"><a href="/">{title}</a></div>
  918. <Div id="desc">{block:description}{description}{/block:description}</Div>
  919.  
  920.  
  921. <div id="links">
  922.  
  923. {block:IfLink01}
  924. <a href="{text:Link01 url}">{text:Link01}</a>
  925. {/block:IfLink01}
  926. {block:IfLink02}
  927. <a href="{text:Link02 url}">{text:Link02}</a>
  928. {/block:IfLink02}
  929. {block:IfLink03}
  930. <a href="{text:Link03 url}">{text:Link03}</a>
  931. {/block:IfLink03}
  932. {block:IfLink04}
  933. <a href="{text:Link04 url}">{text:Link04}</a>
  934. {/block:IfLink04}
  935. {block:IfLink05}
  936. <a href="{text:Link05 url}">{text:Link05}</a>
  937. {/block:IfLink05}
  938. {block:IfLink06}
  939. <a href="{text:Link06 url}">{text:Link06}</a>
  940. {/block:IfLink06}
  941. </div>
  942.  
  943.  
  944. <div class="pagination">
  945. {block:PreviousPage}<a href="{PreviousPage}" class="prev">◀ &nbsp; &nbsp </a>{/block:PreviousPage}
  946. {block:NextPage}<a href="{NextPage}" class="next"> ▶</a>{/block:NextPage}
  947. </div>
  948.  
  949. </div> <!--side-->
  950.  
  951.  
  952. <div id="content">
  953. {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  954. {block:posts}
  955. <div class="posts">
  956.  
  957. {block:Photo}
  958. {block:indexpage}
  959. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="" style="
  960. {block:if250}max-width:250px;{/block:if250}
  961. {block:if400}max-width:400px;{/block:if400}
  962. {block:if500}max-width:500px;{/block:if500}"/>{LinkCloseTag}</center>
  963. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  964. {/block:indexpage}
  965. {block:permalinkpage}
  966. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="" />{LinkCloseTag}</center>
  967. {block:Caption}{Caption}{/block:Caption}
  968. {/block:permalinkpage}
  969. {/block:Photo}
  970.  
  971. {block:Photoset}
  972. {block:indexpage}
  973. {block:if250}{Photoset-250}{/block:if250}
  974. {block:if400}{Photoset-400}{/block:if400}
  975. {block:if500}{Photoset-500}{/block:if500}
  976. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  977. {/block:indexpage}
  978. {block:permalinkpage}
  979. {Photoset-500}
  980. {block:Caption}{Caption}{/block:Caption}
  981. {/block:permalinkpage}
  982. {/block:Photoset}
  983.  
  984. {block:Video}
  985. {block:indexpage}
  986. {block:if250}{Video-250}{/block:if250}
  987. {block:if400}{Video-400}{/block:if400}
  988. {block:if500}{Video-500}{/block:if500}
  989. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  990. {/block:indexpage}
  991. {block:permalinkpage}
  992. {Video-500}
  993. {block:Caption}{Caption}{/block:Caption}
  994. {/block:permalinkpage}
  995. {/block:Video}
  996.  
  997. {block:Audio}
  998. {block:indexpage}
  999.  
  1000. <div class="playbox"><div class="playbutton">
  1001. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  1002. </div></div>
  1003. {block:AlbumArt}
  1004. <img src="{AlbumArtURL}" class="cover" />
  1005. {/block:AlbumArt}
  1006.  
  1007. <div id="albuminfo">
  1008. {block:Album}<div class="albuminfo" style="
  1009. font-family:calibri;
  1010. letter-spacing:0px;
  1011. font-weight:none;
  1012. font-size:13px">{Album}<br></div>{/block:Album}
  1013. {block:TrackName}<div class="albuminfo" style="font-weight:bold;">Track: {TrackName}<br></div>{/block:TrackName}
  1014. {block:Artist}<div class="albuminfo" style="font-weight:bold;">Artist: {Artist}<br></div>{/block:Artist}
  1015. {block:PlayCount} <div class="albuminfo" style="font-style:italic;font-weight:bold;">with {PlayCountWithLabel}</div>{/block:PlayCount}
  1016. </div> <!--albuminfo-->
  1017. {/block:indexpage}
  1018. {block:permalinkpage}
  1019. <div class="playbox"><div class="playbutton">
  1020. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  1021. </div></div>
  1022. {block:AlbumArt}
  1023. <img src="{AlbumArtURL}" class="cover" />
  1024. {/block:AlbumArt}
  1025. <div id="albuminfo">
  1026. {block:Album}<div class="albuminfo" style="
  1027. font-family: 'Exo 2', sans-serif;letter-spacing:0px;font-weight:none;font-size:13px">{Album}<br></div>{/block:Album}
  1028. {block:TrackName}<div class="albuminfo" style="font-weight:bold;">Track: {TrackName}<br></div>{/block:TrackName}
  1029. {block:Artist}<div class="albuminfo" style="font-weight:bold;">Artist: {Artist}<br></div>{/block:Artist}
  1030. {block:PlayCount} <div class="albuminfo" style="font-style:italic;font-weight:bold;">with {PlayCountWithLabel}</div>{/block:PlayCount}
  1031. </div> <!--albuminfo-->
  1032. {block:Caption}{Caption}{/block:Caption}
  1033. {/block:permalinkpage}
  1034. {/block:Audio}
  1035.  
  1036. {block:Quote}
  1037. {block:indexpage}
  1038. <div class="quote"><span style="font-size:20px;opacity:.3;letter-spacing:4px;">❝</span> {Quote}<span style="font-size:20px;opacity:.3;letter-spacing:4px;">❞</span></div>
  1039. {block:Source}<br /><Div class="source"> ━ {Source}</div>{/block:Source}
  1040. {/block:indexpage}
  1041. {block:permalinkpage}
  1042. <div class="quote"><span style="font-size:20px;opacity:.3;letter-spacing:4px;">❝</span>{Quote}<span style="font-size:20px;opacity:.3;letter-spacing:4px;">❞</span></div>
  1043. {block:Source}<br /><div class="source">{Source}</div>{/block:Source}
  1044. {/block:permalinkpage}
  1045. {/block:Quote}
  1046.  
  1047. {block:Text}
  1048. {block:indexpage}
  1049. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1050. {Body}
  1051. {/block:indexpage}
  1052. {block:permalinkpage}
  1053. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1054. {Body}
  1055.  
  1056. {/block:permalinkpage}
  1057. {/block:Text}
  1058.  
  1059. {block:Answer}
  1060. {block:indexpage}
  1061. <div id="ques">{Question}</div>
  1062. <div id="asker">
  1063. <span style="padding:0px 5px;">━ {Asker}</span>
  1064. <img src="{AskerPortraitURL-16}" style="border:1px solid {color:asker portrait border};background:{color:asker portrait bg};float:right;padding:3px;border-radius:100%;"/></div><p></p>
  1065. <div id="answer">{Answer}</div>
  1066. {/block:indexpage}
  1067. {block:permalinkpage}
  1068.  
  1069. <div id="ques">{Question}</div>
  1070. <div id="asker">
  1071. <span style="padding:0px 5px;">━ {Asker}</span>
  1072. <img src="{AskerPortraitURL-16}" style="border:1px solid {color:asker portrait border};background:{color:asker portrait bg};float:right;padding:3px;border-radius:100%;"/></div><p></p>
  1073. <div id="answer">{Answer}</div>
  1074.  
  1075. {/block:permalinkpage}
  1076. {/block:Answer}
  1077.  
  1078. {block:Chat}
  1079. {block:indexpage}
  1080. {block:Title}{Title}<br />{/block:Title}
  1081. {block:Lines}<span style="line-height:110%;">
  1082. {block:Label}<strong><span style="font-size:12px;">{Label}</span></strong>{/block:Label} {Line}</span><br />
  1083. {/block:Lines}
  1084. {/block:indexpage}
  1085. {block:permalinkpage}
  1086. {block:Title}{Title}<br />{/block:Title}
  1087. {block:Lines}
  1088. {block:Label}<strong><span style="font-size:12px">{Label}</span></strong>{/block:Label} {Line}<br />
  1089. {/block:Lines}
  1090.  
  1091. {/block:permalinkpage}
  1092. {/block:Chat}
  1093.  
  1094. {block:Link}
  1095. {block:indexpage}
  1096.  
  1097. <div class="title"><a href="{URL}">{Name}</a></div>
  1098. {block:Description}{Description}{/block:Description}
  1099. {/block:indexpage}
  1100. {block:permalinkpage}
  1101. <div class="title"><a href="{URL}">{Name}</a></div>
  1102. {block:Description}{Description}{/block:Description}
  1103. {/block:permalinkpage}
  1104. {/block:Link}
  1105. <!-------------------------------------------------------------->
  1106. <!--{block:NoteCount}, with {NoteCount} geishas {/block:NoteCount}-->
  1107. {block:indexpage}
  1108. <div class="perma">
  1109. <div class="perma_other">
  1110.  
  1111. <a href="{Permalink}" title="Posted {TimeAgo} on {ShortMonth} {DayOfMonth}, {Year}" style="
  1112. font-family:consolas;
  1113. font-size:12px;
  1114. margin-top:0px;
  1115. text-shadow:2px 2px 1px #ddd;
  1116. padding:3px 5px 4px 5px!important;
  1117. text-transform:lowercase;
  1118. background:{color:main link 2 bg}!important;
  1119. border:1px solid {color:main link 2 border}!important;
  1120. letter-spacing:-1px;
  1121. ">
  1122. {block:Date} {DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup>{/block:Date}</a>
  1123.  
  1124. <a href="{ReblogURL}" target="_blank">reblog</a>
  1125. {block:NoteCount}<a href="{Permalink}" title="Permalink">{NoteCount}</a> {/block:NoteCount}
  1126. </div>
  1127. </div><!--perma-->
  1128.  
  1129. {/block:indexpage}
  1130.  
  1131. <!------------------------------------------------------->
  1132. {block:permalinkpage}
  1133. <div class="info">
  1134. {block:RebloggedFrom}
  1135. Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  1136. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />
  1137. {/block:RebloggedFrom}
  1138. {block:Date}Posted {TimeAgo} on {Month} {DayOfMonth}, {Year}{/block:Date}
  1139. {block:NoteCount} with {NoteCountWithLabel}.{/block:NoteCount}
  1140. </div>
  1141. {block:HasTags}Tagged as: <span class="tags">
  1142. {block:Tags}
  1143. <a href="{TagURL}">#{Tag} </a>
  1144. {/block:Tags}
  1145. </span>
  1146. {/block:HasTags}
  1147. {/block:permalinkpage}
  1148. <!-------------------------------------------------------------->
  1149.  
  1150. {block:PostNotes}
  1151. <div id="note">{PostNotes-16}</div>
  1152. {/block:PostNotes}
  1153.  
  1154.  
  1155. {block:ContentSource}
  1156. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1157. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1158. {/block:SourceLogo}
  1159. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1160. {/block:ContentSource}
  1161.  
  1162. </div> <!--posts -->
  1163. {/block:posts}
  1164. {block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  1165. </div> <!--content-->
  1166.  
  1167.  
  1168. </body>
  1169. </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!