API tools faq
paste
wheretimeisendless

Theme #14

wheretimeisendless
Oct 11th, 2012
825
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.37 KB | None | 0 0
raw download clone embed print report
  1. <head><link href='http://fonts.googleapis.com/css?family=Overlock+SC|Poiret+One|Glass+Antiqua|Actor|Didact+Gothic|Ruluko' rel='stylesheet' type='text/css'>
  2. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  3. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  4. <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
  5. <link href='http://fonts.googleapis.com/css?family=Miniver|The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <meta name="color:text" content="#57554F" />
  11. <meta name="color:title" content="#57554F" />
  12. <meta name="color:link" content="#3902af" />
  13. <meta name="color:link hover" content="#3902af" />
  14. <meta name="color:background" content="#000" />
  15. <meta name="image:sidebar" content="" />
  16. <meta name="image:Sidebar2" content=""/>
  17. <meta name="image:background" content="" />
  18. <meta name="if:titlefont1" content="1"/>
  19. <meta name="if:titlefont2" content="0"/>
  20. <meta name="if:bodyfont1" content="1"/>
  21. <meta name="if:bodyfont2" content="0"/>
  22. <meta name="if:bodyfont3" content="0"/>
  23. <meta name="if:bodyfont4" content="0"/>
  24. <meta name="if:redandbluehover" content="1"/>
  25. <meta name="if:3dhover" content="0"/>
  26. <meta name="if:shadowhover" content="0"/>
  27. <meta name="text:sidebanner" content="your text here" />
  28. <meta name="text:desc" content="you live alone and you die alone. everything else is fake. "/>
  29. <meta name="text:title1" content "">
  30. <meta name="text:title2" content "">
  31. <meta name="text:Link1Url" content="" />
  32. <meta name="text:Link1Title" content="Link 1" />
  33. <meta name="text:Link2Url" content="" />
  34. <meta name="text:Link2Title" content="Link 2" />
  35. <meta name="text:Link3Url" content="" />
  36. <meta name="text:Link3Title" content="Link 3" />
  37. <meta name="text:Link4Url" content="" />
  38. <meta name="text:Link4Title" content="Link 4" />
  39. <meta name="text:Link5Url" content="" />
  40. <meta name="text:Link5Title" content="Link 5" />
  41. <meta name="text:go link" content="go"/>
  42. <meta name="text:first custom link title" content=""/>
  43. <meta name="text:first custom link url" content=""/>
  44. <meta name="text:second custom link title" content=""/>
  45. <meta name="text:second custom link url" content=""/>
  46. <meta name="text:third custom link title" content=""/>
  47. <meta name="text:third custom link url" content=""/>
  48. <meta name="text:fourth custom link title" content=""/>
  49. <meta name="text:fourth custom link url" content=""/>
  50. <meta name="text:fifth custom link title" content=""/>
  51. <meta name="text:fifth custom link url" content=""/>
  52. <meta name="text:sixth custom link title" content=""/>
  53. <meta name="text:sixth custom link url" content=""/>
  54. <meta name="text:seventh custom link title" content=""/>
  55. <meta name="text:seventh custom link url" content=""/>
  56. <meta name="text:eighth custom link title" content=""/>
  57. <meta name="text:eighth custom link url" content=""/>
  58. <meta name="if:first custom link" content="0"/>
  59. <meta name="if:second custom link" content="0"/>
  60. <meta name="if:third custom link" content="0"/>
  61. <meta name="if:fourth custom link" content="0"/>
  62. <meta name="if:fifth custom link" content="0"/>
  63. <meta name="if:sixth custom link" content="0"/>
  64. <meta name="if:seventh custom link" content="0"/>
  65. <meta name="if:eighth custom link" content="0"/>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. ::-webkit-scrollbar {width: 4px; height: 4px; border-left: 0px solid #aaaaaa; border-radius:1px;}
  71.  
  72. ::-webkit-scrollbar-thumb { background-color:{color:link}; border-bottom-left-radius:10px;
  73. border-bottom-right-radius:10px;
  74. border-top-right-radius:10px;
  75. border-top-left-radius:10px;
  76. }
  77.  
  78. @font-face {
  79. font-family: "dawning";
  80. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  81.  
  82. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  83.  
  84. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  85.  
  86. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  87.  
  88. @font-face {font-family: "dawning";src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  89.  
  90. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  91.  
  92. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  93.  
  94. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  95.  
  96. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  97.  
  98. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  99.  
  100. @font-face {font-family: "discoverbeauty";src: url('http://static.tumblr.com/nf5qb3y/3ptm2vwot/discoverbeauty.ttf') format("truetype");}
  101.  
  102. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  103.  
  104. @font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  105.  
  106. @font-face {font-family: "sweetly";src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');}
  107.  
  108. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  109.  
  110. @font-face { font-family: "arsenale white"; text-transform: uppercase; src: url('http://static.tumblr.com/oct6d4x/kKxlp9veh/freebsc_.ttf'); }
  111.  
  112. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  113.  
  114. @font-face { font-family: "fineliner"; src: url('http://static.tumblr.com/q54tzar/JcYm21fwu/fineliner_script_1_.otf'); }
  115.  
  116. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  117.  
  118. @font-face { font-family: "swenson"; src: url('http://static.tumblr.com/q54tzar/PHem21foh/swenson_1_.ttf'); }
  119.  
  120. @font-face {font-family:"contribute"; src: url('http://static.tumblr.com/q54tzar/SYim21ewv/contribute_free-version_1_.ttf'); }
  121.  
  122. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  123.  
  124. @font-face { font-family: "just realize"; src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf'); }
  125.  
  126. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  127.  
  128. @font-face { font-family: "existance"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  129.  
  130. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  131.  
  132.  
  133.  
  134.  
  135. body{background:white; background-image: url('{image:background}'); margin:0px; color:{color:text};
  136. {block:ifbodyfont1}
  137. font-family:short stack;
  138. font-size:9px;
  139. {/block:ifbodyfont1}
  140. {block:ifbodyfont2}
  141. font-family:ronda;
  142. font-size:8px;
  143. {/block:ifbodyfont2}
  144. {block:ifbodyfont3}
  145. font-family:handy00;
  146. font-size:8px;
  147. {/block:ifbodyfont3}
  148. {block:ifbodyfont4}font-family:ruluko; font-size:11px; {/block:ifbodyfont4}line-height:100%;}
  149.  
  150. a{text-decoration:none; outline:none; -moz-outline-style:none; color:{color:link};}
  151.  
  152. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; }
  153.  
  154. a:hover {
  155. color: #000;
  156. text-shadow: 0px 0px 5px {color:link hover};
  157. -webkit-transition: all 0.2s linear;
  158. -webkit-transition: all 0.2s linear;
  159. -moz-transition: all 0.2s linear;
  160. transition: all 0.2s linear;
  161. }
  162.  
  163. {block:if3dhover}a:hover{ color:{color:Link Hover};letter-spacing: 0px;font-style:none;text-shadow: 1px 1px 4px #fd8ccf;-webkit-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;text-shadow:4px 5px 0px rgba(0,0,0,0.1),4px -6px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),-8px 5px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.15);}{/block:if3dhover}
  164.  
  165.  
  166.  
  167.  
  168. #blogtitle{
  169. opacity:0.7;
  170. width:300px;
  171. position: fixed;
  172. margin-top:-320px;
  173. color:{color:Title};
  174. font-family: discoverbeauty;
  175. font-size: 20px;
  176. {block:iftitlefont1}
  177. font-family: "dawning";
  178. font-size: 40px;
  179. text-shadow: 1px 1px 0.5em #000;
  180. margin-top:-330px;
  181. {/block:iftitlefont1}
  182. {block:iftitlefont2}
  183. font-family: "loved by the king";
  184. font-size: 40px;
  185. text-shadow: 1px 1px 0.5em #000;
  186. margin-top:-330px;
  187. {/block:iftitlefont2}
  188. line-height:20px;
  189. letter-spacing:0px;
  190. background-color: transparent;
  191. text-transform: normal;
  192. text-align: center;
  193. transition: all 0.7s ease-out;
  194. -o-transition-transition: all 0.7s ease-out;
  195. -webkit-transition: all 0.7s ease-out;
  196. -moz-transition: all 0.7s ease-out;
  197. }
  198.  
  199. #sidebar:hover #blogtitle{
  200. opacity:0;
  201. margin-top:-240px;
  202. transition: all 0.7s ease-out;
  203. -o-transition-transition: all 0.7s ease-out;
  204. -webkit-transition: all 0.7s ease-out;
  205. -moz-transition: all 0.7s ease-out;
  206. }
  207.  
  208.  
  209. #blogtitle2{
  210. opacity:0;
  211. width:300px;
  212. position: fixed;
  213. margin-top:-300px;
  214. color:{color:Title};
  215. font-family: discoverbeauty;
  216. font-size: 20px;
  217. {block:iftitlefont1}
  218. font-family: "dawning";
  219. font-size: 40px;
  220. text-shadow: 1px 1px 0.5em #000;
  221. margin-top:-380px;
  222. {/block:iftitlefont1}
  223. {block:iftitlefont2}
  224. font-family: "loved by the king";
  225. font-size: 40px;
  226. text-shadow: 1px 1px 0.5em #000;
  227. margin-top:-380px;
  228. {/block:iftitlefont2}
  229. line-height:20px;
  230. letter-spacing:0px;
  231. background-color: transparent;
  232. text-transform: normal;
  233. text-align: left;
  234. transition: all 0.7s ease-out;
  235. -o-transition-transition: all 0.7s ease-out;
  236. -webkit-transition: all 0.7s ease-out;
  237. -moz-transition: all 0.7s ease-out;
  238. }
  239.  
  240. #sidebar:hover #blogtitle2{
  241. opacity:1;
  242. margin-top:-340px;
  243. {block:iftitlefont1}
  244. margin-top:-350px;
  245. {/block:iftitlefont1}
  246. {block:iftitlefont2}
  247. margin-top:-350px;
  248. {/block:iftitlefont2}
  249. transition: all 0.7s ease-out;
  250. -o-transition-transition: all 0.7s ease-out;
  251. -webkit-transition: all 0.7s ease-out;
  252. -moz-transition: all 0.7s ease-out;
  253. }
  254.  
  255.  
  256.  
  257. div#center{
  258. margin:auto;
  259. position:relative;
  260. width:950px;
  261. overflow:auto;
  262. overflow-y:hidden;}
  263.  
  264. div#content{
  265. float:left;
  266. width:500px;
  267. padding:0px;
  268. padding-left:5px;
  269. padding-right:5px;
  270. padding-top:4px;
  271. margin-top:0px;
  272. margin-bottom:5px;
  273. margin-left:450px;
  274. background-color:#ffffff;
  275. text-align: justify;}
  276.  
  277. div#sidebanner{
  278. position:fixed !important;
  279. width: 100;
  280. height: auto;
  281. margin-top: 450px;
  282. margin-left: 1010px;
  283. background-color: transparent;
  284. font-family: "amatic sc";
  285. font-size: 35px;
  286. color: #000;
  287. line-height: 35px;
  288. text-transform: bold;
  289. text-align: center;
  290. }
  291.  
  292. #sidebar img{
  293. width:300px;
  294. height:300px;
  295. transition: all 0.7s ease-out;
  296. -o-transition-transition: all 0.7s ease-out;
  297. -webkit-transition: all 0.7s ease-out;
  298. -moz-transition: all 0.7s ease-out;
  299. }
  300.  
  301. .sidebarimg2 {width:300px;height:auto;}
  302.  
  303. .sidebarimg2 img {width:300px;height:300px;display: block;}
  304.  
  305. #sidebarimg {width:300px;height:300px;}
  306.  
  307. #sidebarimg img {height:300px;}
  308.  
  309. #sidebar:hover #sidebarimg img {-webkit-transition: all 0.1s ease;opacity:1;}
  310.  
  311. .sidebarimg {position:fixed;-webkit-transition: all 4s ease-in;opacity: 2;}
  312.  
  313. .sidebarimg img {width:300px;height:300px;}
  314.  
  315. #sidebar:hover.sidebarimg {opacity:2;}
  316.  
  317. .sidebarimg {-webkit-transition: all 1s ease-in;opacity: 0;position: fixed;}
  318.  
  319. .sidebarimg img {width:300px;height:auto;}
  320.  
  321. #sidebar:hover .sidebarimg {opacity:6;}
  322.  
  323. #sidebar{
  324. position:fixed !important;
  325. width:300px;
  326. height:1000px;
  327. margin-top:100px;
  328. margin-left:100px;
  329. line-height:8px;
  330. text-align:center;
  331. padding: 5px;
  332. z-index:999;
  333. transition: all 0.7s ease-out;
  334. -o-transition-transition: all 0.7s ease-out;
  335. -webkit-transition: all 0.7s ease-out;
  336. -moz-transition: all 0.7s ease-out;
  337. {block:ifshowcolumns}
  338. margin-left:139px;
  339. {/block:ifshowcolumns}
  340. }
  341.  
  342.  
  343.  
  344. #descripz{
  345. position:fixed !important;
  346. opacity: 1;
  347. width: 250px;
  348. margin-top: 4px;
  349. margin-left: 0px;
  350. padding-bottom: 0px;
  351. font-size: 9px;
  352. text-align: center;
  353. padding: 3px;
  354. height: 25px;
  355.  
  356. }
  357.  
  358.  
  359.  
  360.  
  361.  
  362. #linkz{
  363. font-size:25px;
  364. font-family:amatic sc;
  365. opacity:0;
  366. text-align:right;
  367. margin-top:-315px;
  368. transition: all 0.6s ease-out;
  369. -o-transition-transition: all 0.6s ease-out;
  370. -webkit-transition: all 0.6s ease-out;
  371. -moz-transition: all 0.6s ease-out;
  372. }
  373.  
  374. #sidebar:hover #linkz {
  375. font-size:25px;
  376. font-family:amatic sc;
  377. opacity:2;
  378. transition: all 0.6s ease-out;
  379. -o-transition-transition: all 0.6s ease-out;
  380. -webkit-transition: all 0.6s ease-out;
  381. -moz-transition: all 0.6s ease-out;
  382. }
  383.  
  384. #linkz a:hover{opacity: 0.7; text-shadow: 1px 0px #00ffe3, -1px 0px #fa91e8; -webkit-transition: all .9s ease-in-out; color:#ffffff;}
  385.  
  386.  
  387.  
  388. .title{
  389. color: {color:link};
  390. font-family:short stack;
  391. font-size:12px;
  392. line-height:17px;
  393. text-align:center;
  394. font-weight:bold;
  395. text-transform:lowercase;
  396. }
  397.  
  398.  
  399. .answer{
  400. color:#000000;
  401. padding-top:3px;
  402. font-weight:bold;
  403. font-style:none;}
  404.  
  405. .chat .line{background-color:#fcfcfc; margin:1px; padding-bottom:2px;}
  406. .chat .line.odd{background-color:#ffffff; margin:1px; padding-bottom:2px;}
  407.  
  408. blockquote{
  409. padding:0px 0px 2px 5px;
  410. margin:0px 0px 2px 1px;
  411. border-left: 3px solid {color:link};
  412. }
  413.  
  414. blockquote p, ul{
  415. margin:0px;
  416. padding:0px;
  417. }
  418. .notes img{width:10px; position:relative; top:3px;}
  419.  
  420. .permal{
  421. border-radius:0px 0px 40px 0px; color:#555;
  422. margin-top: -10px;
  423. margin-left:1px;
  424. border:0px; text-align: center;
  425. text-transform:uppercase;}
  426.  
  427. .permal a{
  428. color:{color:link};
  429. font-family:short stack;
  430. font-size:9px;
  431. line-height:9px;
  432. text-transform:lowercase;}
  433.  
  434. .permal a:hover {
  435. color: #000;
  436. text-shadow: 0px 0px 5px {color:link hover};
  437. -webkit-transition: all 0.2s linear;
  438. -webkit-transition: all 0.2s linear;
  439. -moz-transition: all 0.2s linear;
  440. transition: all 0.2s linear;
  441. }
  442.  
  443. .entry .permal{
  444. opacity: 0.0;
  445. position:absolute;
  446. background-color:#ffffff;
  447. text-transform:lowercase;
  448. font-family:short stack;
  449. font-size:9px;
  450. line-height:9px;
  451. font-weight:normal;
  452. color:{color:link};
  453. margin:0px; padding-top:3px; padding-bottom:3px;
  454. text-align:center;
  455. height:auto;
  456. border:0px; width:200px;}
  457.  
  458. .entry:hover .permal{
  459. width:200; height:auto;
  460. overflow:visible; opacity: 0.8;
  461. -webkit-transition: opacity 1s linear;
  462. -webkit-transition: all 0.7s linear;
  463. -moz-transition: all 0.7s linear;
  464. transition: all 0.7s linear;
  465. border:0px;
  466. }
  467.  
  468. a.side, a.side:link, a.side:active, a.side:visited{
  469. -webkit-border-radius: 4px 4px 4px 4px;
  470. border-radius: 4px 4px 4px 4px;
  471. width:30px;
  472. font-family: didact gothic;
  473. font-size: 8px;
  474. line-height:15px;
  475. -moz-transition: 0.4s ease-out;
  476. -webkit-transition: 0.4s ease-out;
  477. letter-spacing:0px;
  478. text-align:center; padding-top:1px;
  479. margin:0px; text-transform:uppercase;
  480. color:{color:sidelink};
  481. display:inline-block;}
  482.  
  483. a.side:hover {
  484. -o-transition-transition: all 0.4s ease-out;
  485. -webkit-transition: all 0.4s ease-out;
  486. -moz-transition: all 0.4s ease-out;
  487. transition: all 0.4s ease-out;
  488. color:{color:sidelinkhover};}
  489.  
  490. a.next, a.next:link, a.next:active, a.next:visited {
  491. text-align:center;
  492. font-size:8px;
  493. line-height:7px;
  494. color:#42545c;
  495. font-family:didact gothic;
  496. letter-spacing:0px;
  497. font-weight:normal;
  498. text-transform:uppercase;
  499. -webkit-transition: all 0.3s ease-out;
  500. -moz-transition: all 0.3s ease-out;
  501. transition: all 0.3s ease-out;
  502. margin:0px;}
  503. a.next:hover {color:#b475ec;}
  504.  
  505. small{font-size:95%;}
  506.  
  507. a:link img {border:none;}
  508. a:visited img {border:none;}
  509. a:hover img {border:none;}
  510. a:img{border:none;}
  511. br{line-height:1px;}
  512.  
  513. #desc{
  514. opacity:0.7;
  515. width:300px;
  516. position: fixed;
  517. margin-top:0px;
  518. color:{color:Title};
  519. {block:ifbodyfont1}
  520. font-family:short stack;
  521. font-size:9px;
  522. {/block:ifbodyfont1}
  523. {block:ifbodyfont2}
  524. font-family:ronda;
  525. font-size:8px;
  526. {/block:ifbodyfont2}
  527. {block:ifbodyfont3}
  528. font-family:handy00;
  529. font-size:8px;
  530. {/block:ifbodyfont3}
  531. {block:ifbodyfont4}font-family:ruluko; font-size:11px; {/block:ifbodyfont4}
  532. line-height:9px;
  533. letter-spacing:0px;
  534. background-color: transparent;
  535. text-transform: normal;
  536. text-align: center;
  537. transition: all 0.7s ease-out;
  538. -o-transition-transition: all 0.7s ease-out;
  539. -webkit-transition: all 0.7s ease-out;
  540. -moz-transition: all 0.7s ease-out;
  541. }
  542.  
  543. #sidebar:hover #desc{
  544. opacity:0;
  545. margin-top:-240px;
  546. transition: all 0.7s ease-out;
  547. -o-transition-transition: all 0.7s ease-out;
  548. -webkit-transition: all 0.7s ease-out;
  549. -moz-transition: all 0.7s ease-out;
  550. }
  551.  
  552.  
  553. #desc2{
  554. opacity:0;
  555. width:300px;
  556. position: fixed;
  557. margin-top:0px;
  558. color:{color:Title};
  559. {block:ifbodyfont1}
  560. font-family:short stack;
  561. font-size:9px;
  562. {/block:ifbodyfont1}
  563. {block:ifbodyfont2}
  564. font-family:ronda;
  565. font-size:8px;
  566. {/block:ifbodyfont2}
  567. {block:ifbodyfont3}
  568. font-family:handy00;
  569. font-size:8px;
  570. {/block:ifbodyfont3}
  571. {block:ifbodyfont4}font-family:ruluko; font-size:11px; {/block:ifbodyfont4}
  572. line-height:9px;
  573. letter-spacing:0px;
  574. background-color: transparent;
  575. text-transform: normal;
  576. text-align: center;
  577. transition: all 0.7s ease-out;
  578. -o-transition-transition: all 0.7s ease-out;
  579. -webkit-transition: all 0.7s ease-out;
  580. -moz-transition: all 0.7s ease-out;
  581. }
  582.  
  583. #sidebar:hover #desc2{
  584. opacity:1;
  585. margin-top:0px;
  586. transition: all 0.7s ease-out;
  587. -o-transition-transition: all 0.7s ease-out;
  588. -webkit-transition: all 0.7s ease-out;
  589. -moz-transition: all 0.7s ease-out;
  590. }
  591.  
  592. #permalink a{color: {color:Link};}
  593.  
  594. #permalink a:hover {
  595. color: #000;
  596. text-shadow: 0px 0px 5px {color:link hover};
  597. -webkit-transition: all 0.2s linear;
  598. -webkit-transition: all 0.2s linear;
  599. -moz-transition: all 0.2s linear;
  600. transition: all 0.2s linear;
  601. }
  602.  
  603. select {
  604. {block:ifbodyfont1}
  605. font-family:short stack;
  606. font-size:9px;
  607. {/block:ifbodyfont1}
  608. {block:ifbodyfont2}
  609. font-family:ronda;
  610. font-size:8px;
  611. {/block:ifbodyfont2}
  612. {block:ifbodyfont3}
  613. font-family:handy00;
  614. font-size:8px;
  615. {/block:ifbodyfont3}
  616. {block:ifbodyfont4}
  617. font-family:arial;
  618. font-size:9px;
  619. {/block:ifbodyfont4}
  620. width: 100px;
  621.  
  622.  
  623. }
  624. option {
  625. {block:ifbodyfont1}
  626. font-family:short stack;
  627. font-size:9px;
  628. {/block:ifbodyfont1}
  629. {block:ifbodyfont2}
  630. font-family:ronda;
  631. font-size:8px;
  632. {/block:ifbodyfont2}
  633. {block:ifbodyfont3}
  634. font-family:handy00;
  635. font-size:8px;
  636. {/block:ifbodyfont3}
  637. {block:ifbodyfont4}
  638. font-family:arial;
  639. font-size:9px;
  640. {/block:ifbodyfont4}
  641. text-align: left;
  642.  
  643. }
  644. input[type=button]
  645. {
  646. {block:ifbodyfont1}
  647. font-family:short stack;
  648. font-size:9px;
  649. {/block:ifbodyfont1}
  650. {block:ifbodyfont2}
  651. font-family:ronda;
  652. font-size:8px;
  653. {/block:ifbodyfont2}
  654. {block:ifbodyfont3}
  655. font-family:handy00;
  656. font-size:8px;
  657. {/block:ifbodyfont3}
  658. {block:ifbodyfont4}
  659. font-family:arial;
  660. font-size:9px;
  661. {/block:ifbodyfont4}
  662. }
  663.  
  664.  
  665. {CustomCSS}</style></head><body>
  666.  
  667. <body>
  668. <div id="sidebar">
  669. <div id="sidebartext">{text:sbartext}</div>
  670. <a href="/">
  671. <div class="sidebarimg2"><div id="sidebarimg">
  672. <div class="sidebarimg"><img src="{image:sidebar2}"></div><img src="{image:sidebar}" width="200"></div></div></a>
  673. <div id="desc">
  674. {text:desc}
  675.  
  676. </div>
  677. <div id="desc2">{block:Description}{Description}{/block:Description}
  678. <p></p>
  679. <form name="jump">
  680. <select name="menu">
  681. {block:iffirstcustomlink}
  682. <option value="{text:first custom link url}">{text:first custom link title}</option>
  683. {/block:iffirstcustomlink}
  684. {block:ifsecondcustomlink}
  685. <option value="{text:second custom link url}">{text:second custom link title}</option>
  686. {/block:ifsecondcustomlink}
  687. {block:ifthirdcustomlink}
  688. <option value="{text:third custom link url}">{text:third custom link title}</option>
  689. {/block:ifthirdcustomlink}
  690. {block:iffourthcustomlink}
  691. <option value="{text:fourth custom link url}">{text:fourth custom link title}</option>
  692. {/block:iffourthcustomlink}
  693. {block:iffifthcustomlink}
  694. <option value="{text:fifth custom link url}">{text:fifth custom link title}</option>
  695. {/block:iffifthcustomlink}
  696. {block:ifsixthcustomlink}
  697. <option value="{text:sixth custom link url}">{text:sixth custom link title}</option>
  698. {/block:ifsixthcustomlink}
  699. {block:ifseventhcustomlink}
  700. <option value="{text:seventh custom link url}">{text:seventh custom link title}</option>
  701. {/block:ifseventhcustomlink}
  702. {block:ifeighthcustomlink}
  703. <option value="{text:eighth custom link url}">{text:eighth custom link title}</option>
  704. {/block:ifeighthcustomlink}
  705. </select>
  706. <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="{text:go link}">
  707. </form>
  708. </div>
  709. <div id="blogtitle">{text:title1}</div>
  710. <div id="blogtitle2">{text:title2}</div>
  711.  
  712. <div id="linkz">
  713. <a href="/">Home</a> <a href="/ask">Ask</a> <a href="{text:link1url}">{text:link1title}</a> <a href="{text:link2url}">{text:link2title}</a> <a href="{text:link3url}">{text:link3title}</a> <a href="{text:link4url}">{text:link4title}</a> <a href="{text:link5url}">{text:link5title}</a></div></center>
  714.  
  715. </select>
  716. </div>
  717.  
  718. <div id="sidebanner"><b>{text:sidebanner}</b></div>
  719.  
  720.  
  721. </div>
  722.  
  723.  
  724. <div id="content">
  725. {block:Posts}
  726. <div id="entry">
  727.  
  728. {block:Text}
  729. <div class="entry">
  730. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  731. <span class="entrytext">{Body}</span>
  732. <div style="text-align: right;font-size:9px;"><div id="permalink">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} · {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags} <br> {block:Tags}
  733. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  734. {/block:Text}
  735.  
  736. {block:Link}
  737. <div class="entry">
  738. <a href="{URL}" class="title"><center>{Name}</center></a>
  739. {block:Description}{Description}{/block:Description}
  740. {block:Link}
  741.  
  742. {block:Photo}
  743. <div class="entry">
  744. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> · <a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  745. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width="500px"/></a>{block:Caption}{Caption}{/block:Caption}
  746. {/block:PermalinkPage}{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-500}" width="500px"/></a>{block:Caption}{/block:Caption}</div>{/block:IndexPage}{/block:Photo}
  747.  
  748. {block:Photoset}
  749. <div class="entry">
  750. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> · <a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  751. {block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  752. {block:indexpage}
  753. {/block:indexpage}{/block:Photoset}
  754.  
  755. {block:Quote}
  756. <div class="entry">
  757. <span class="title"><center>{Quote}</center></span><br>
  758. {block:Source}<div style="text-align: center;"> - {Source}</div><br>{/block:Source}
  759. <div style="text-align: right;"><div id="permalink">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} · {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags} <br> {block:Tags}
  760. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  761. {/block:Quote}
  762.  
  763. {block:Chat}
  764. <div class="entry">
  765. {block:Title}<span class="title">{Title}</span>{/block:Title}
  766. <ul class="chat">
  767. {block:Lines}
  768. <li class="user_{UserNumber}">
  769. {block:Label}
  770. <span class="label">{Label}</span>
  771. {/block:Label}
  772. {Line}</li>{/block:Lines}</ul>
  773. <div style="text-align: right;"><div id="permalink">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} · {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags} <br> {block:Tags}
  774. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  775. {/block:Chat}
  776.  
  777. {block:Audio}
  778. <div class="entry">
  779. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> · <a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  780. <div style="width:500px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;">
  781. {block:ExternalAudio}{/block:ExternalAudio}</small></div></div><BR>
  782. {block:Caption}{Caption}{/block:Caption}
  783. {/block:Audio}
  784.  
  785. {block:Answer}
  786. <div style="border-radius:5px; border: 0px dashed gray; margin: 3px; min-height:30px; padding: 3px; background-color: #fff; box-shadow: 0px 0px 3px 3px #E6DFDF; font-family: short stack; font-size: 9px;">
  787. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 30px;"/>
  788. <askk>{Asker}</askk> moaned my name then said, "{Question}"<br></div>
  789. <div style="font-family: short stack; font-size: 10px;">
  790. {Answer}</div>
  791. <div style="text-align: right;line-height:20px;font-size:9px;"><div id="permalink">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} · {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div></div>
  792. {/block:Answer}
  793.  
  794. {block:Video}
  795. <div class="entry">
  796. <div class="permal">{block:IndexPage}<a href="{permalink}">{NoteCount} notes</a> · <a href="{Permalink}">{TimeAgo}</a> · <a href="{ReblogURL}" alt="{PhotoAlt}">Reblog</a>{/block:IndexPage} </div>
  797. {Video-500}<BR>
  798. {block:Caption}{/block:Caption}
  799. {block:Video}
  800.  
  801. {block:PostNotes}
  802. <center>
  803. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  804. {block:PermalinkPage}{/block:PermalinkPage}{block:RebloggedFrom}
  805. <br>via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  806. <br>© <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  807. {block:HasTags} <br> {block:Tags}
  808. <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</br>
  809. </center></span>
  810. <br>
  811. <div id="postnotes">{PostNotes}</div><br>
  812.  
  813. {/block:PostNotes}
  814. </div>
  815. {/block:Posts}
  816. </div></div>
  817. </div></body></body>
  818. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  819. <div style="position:fixed; top:5px; left:5px; font-family: ronda; font-size:8px; text-decoration:none;">
  820. <a href="http://anonymouslydobrev.tumblr.com/">credit</a></div>
  821. </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!