API tools faq
paste
wheretimeisendless

Theme #19

wheretimeisendless
Jun 21st, 2013
183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.46 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <small><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  3. <script type="text/javascript" src="https://s3.amazonaws.com/scrolltotop/arrow3.js"></script>
  4. <noscript><a href="http://li-nks.com">Links Directory</a><br /><a href="http://www.scrolltotop.com">Top of Page</a></noscript></small>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Overlock+SC|Poiret+One|Glass+Antiqua|Actor|Didact+Gothic|Ruluko' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  9. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Miniver|The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16. <meta name="color:text" content="#57554F" />
  17. <meta name="color:title" content="#ff0202" />
  18. <meta name="color:link" content="#3902af" />
  19. <meta name="color:link hover" content="#3902af" />
  20. <meta name="color:background" content="#000" />
  21. <meta name="color:Stripes" content="#ddcede"/>
  22. <meta name="image:sidebar" content="" />
  23. <meta name="image:Sidebar2" content=""/>
  24. <meta name="image:rightside" content="" />
  25. <meta name="image:background" content="" />
  26. <meta name="image:content" content="" />
  27. <meta name="image:sidebar2 background" content="" />
  28. <meta name="if:extralinks" content="0"/>
  29. <meta name="if:titlefont1" content="1"/>
  30. <meta name="if:titlefont2" content="0"/>
  31. <meta name="if:bodyfont1" content="1"/>
  32. <meta name="if:bodyfont2" content="0"/>
  33. <meta name="if:bodyfont3" content="0"/>
  34. <meta name="if:bodyfont4" content="0"/>
  35. <meta name="if:redandbluehover" content="1"/>
  36. <meta name="if:3dhover" content="0"/>
  37. <meta name="if:shadowhover" content="0"/>
  38. <meta name="text:sidebanner" content="your text here" />
  39. <meta name="text:banner" content="love yourself" />
  40. <meta name="text:title1" content "">
  41. <meta name="text:title2" content "">
  42. <meta name="text:desc" content=""/>
  43. <meta name="text:link one" content="" />
  44. <meta name="text:link one title" content="Link 1" />
  45. <meta name="text:link two" content="" />
  46. <meta name="text:link two title" content="Link 2" />
  47. <meta name="text:link three" content="" />
  48. <meta name="text:link three title" content="Link 3" />
  49. <meta name="text:link four" content="" />
  50. <meta name="text:link four title" content="Link 4" />
  51. <meta name="text:link five" content="" />
  52. <meta name="text:link five title" content="Link 5" />
  53. <meta name="text:link six" content="" />
  54. <meta name="text:link six title" content="Link 6" />
  55. <meta name="text:link seven" content="" />
  56. <meta name="text:link seven title" content="Link 7" />
  57. <meta name="text:link eight" content="" />
  58. <meta name="text:link eight title" content="Link 8" />
  59. <meta name="text:link nine" content="" />
  60. <meta name="text:link nine title" content="Link 9" />
  61. <meta name="text:link ten" content="" />
  62. <meta name="text:link ten title" content="Link 10" />
  63. <meta name="text:go link" content="go"/>
  64. <meta name="text:first custom link title" content=""/>
  65. <meta name="text:first custom link url" content=""/>
  66. <meta name="text:second custom link title" content=""/>
  67. <meta name="text:second custom link url" content=""/>
  68. <meta name="text:third custom link title" content=""/>
  69. <meta name="text:third custom link url" content=""/>
  70. <meta name="text:fourth custom link title" content=""/>
  71. <meta name="text:fourth custom link url" content=""/>
  72. <meta name="text:fifth custom link title" content=""/>
  73. <meta name="text:fifth custom link url" content=""/>
  74. <meta name="text:sixth custom link title" content=""/>
  75. <meta name="text:sixth custom link url" content=""/>
  76. <meta name="text:seventh custom link title" content=""/>
  77. <meta name="text:seventh custom link url" content=""/>
  78. <meta name="text:eighth custom link title" content=""/>
  79. <meta name="text:eighth custom link url" content=""/>
  80. <meta name="if:first custom link" content="0"/>
  81. <meta name="if:second custom link" content="0"/>
  82. <meta name="if:third custom link" content="0"/>
  83. <meta name="if:fourth custom link" content="0"/>
  84. <meta name="if:fifth custom link" content="0"/>
  85. <meta name="if:sixth custom link" content="0"/>
  86. <meta name="if:seventh custom link" content="0"/>
  87. <meta name="if:eighth custom link" content="0"/>
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92. ::-webkit-scrollbar {width: 4px; height: 4px; border-left: 0px solid #aaaaaa; border-radius:1px;}
  93.  
  94. ::-webkit-scrollbar-thumb { background-color:{color:link}; border-bottom-left-radius:10px;
  95. border-bottom-right-radius:10px;
  96. border-top-right-radius:10px;
  97. border-top-left-radius:10px;
  98. }
  99.  
  100. @font-face { font-family: "Spring Script"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  101. @font-face {
  102. font-family: "urmom";
  103. src: url('http://static.tumblr.com/cs9z8nu/rxKmdmelb/setfiretotherain.ttf');
  104. }
  105. @font-face {
  106. font-family: "dawning";
  107. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  108.  
  109. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  110. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  111.  
  112. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  113.  
  114. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  115.  
  116. @font-face {font-family: "dawning";src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  117.  
  118. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  119.  
  120. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  121.  
  122. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  123.  
  124. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  125.  
  126. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  127.  
  128. @font-face {font-family: "discoverbeauty";src: url('http://static.tumblr.com/nf5qb3y/3ptm2vwot/discoverbeauty.ttf') format("truetype");}
  129.  
  130. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  131.  
  132. @font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  133.  
  134. @font-face {font-family: "sweetly";src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');}
  135.  
  136. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  137.  
  138. @font-face { font-family: "arsenale white"; text-transform: uppercase; src: url('http://static.tumblr.com/oct6d4x/kKxlp9veh/freebsc_.ttf'); }
  139.  
  140. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  141.  
  142. @font-face { font-family: "fineliner"; src: url('http://static.tumblr.com/q54tzar/JcYm21fwu/fineliner_script_1_.otf'); }
  143.  
  144. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  145.  
  146. @font-face { font-family: "swenson"; src: url('http://static.tumblr.com/q54tzar/PHem21foh/swenson_1_.ttf'); }
  147.  
  148. @font-face {font-family:"contribute"; src: url('http://static.tumblr.com/q54tzar/SYim21ewv/contribute_free-version_1_.ttf'); }
  149.  
  150. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  151.  
  152. @font-face { font-family: "just realize"; src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf'); }
  153.  
  154. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  155.  
  156. @font-face { font-family: "existance"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  157.  
  158. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  159.  
  160. @font-face { font-family: "djfancy"; src: url('http://static.tumblr.com/qx5hjds/E3Jmc9d90/djfancy_.ttf'); }
  161. @font-face { font-family: "gram"; src: url('http://static.tumblr.com/jdjsstr/vQrm800ez/neou-bold_1_.otf'); }
  162.  
  163.  
  164.  
  165. body{background-color:#ffffff; background-image: url('{image:background}');margin:0px; color:{color:text};
  166. font-family:short stack;
  167. font-size:9px;
  168. line-height:100%;}
  169.  
  170. a{text-decoration:none; outline:none; -moz-outline-style:none; color:{color:link};}
  171.  
  172. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; }
  173.  
  174. a:hover {
  175. color: #000;
  176. text-shadow: 0px 0px 5px {color:link hover};
  177. -webkit-transition: all 0.2s linear;
  178. -webkit-transition: all 0.2s linear;
  179. -moz-transition: all 0.2s linear;
  180. transition: all 0.2s linear;
  181. }
  182.  
  183. {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}
  184.  
  185.  
  186.  
  187.  
  188. #blogtitle{
  189. opacity:0.7;
  190. width:250px;
  191. position: fixed;
  192. margin-left:-5px;
  193. color:{color:title};
  194. font-family:gram;
  195. font-size: 20px;
  196. margin-top:-270px;
  197. line-height:20px;
  198. letter-spacing:0px;
  199. background-color: transparent;
  200. text-transform: normal;
  201. text-align: center;
  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. #sidebar:hover #blogtitle{
  209. opacity:0;
  210. margin-top:-270px;
  211. margin-left:-10px;
  212. text-align:center;
  213. transition: all 0.7s ease-out;
  214. -o-transition-transition: all 0.7s ease-out;
  215. -webkit-transition: all 0.7s ease-out;
  216. -moz-transition: all 0.7s ease-out;
  217. }
  218.  
  219.  
  220. #blogtitle2{
  221. opacity:0;
  222. width:270px;
  223. position: fixed;
  224. margin-top:-200px;
  225. color:{color:title};
  226. font-family:gram;
  227. font-size: 20px;
  228. line-height:20px;
  229. letter-spacing:0px;
  230. background-color: transparent;
  231. text-transform: normal;
  232. text-align: center;
  233. margin-left:0px;
  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-left:-10px;
  243. text-align:center;
  244. margin-top:-277px;
  245.  
  246. transition: all 0.7s ease-out;
  247. -o-transition-transition: all 0.7s ease-out;
  248. -webkit-transition: all 0.7s ease-out;
  249. -moz-transition: all 0.7s ease-out;
  250. }
  251.  
  252.  
  253.  
  254. div#center{
  255. margin:auto;
  256. position:relative;
  257. width:950px;
  258. overflow:auto;
  259. overflow-y:hidden;}
  260.  
  261.  
  262. div#sidebanner{
  263. position:fixed !important;
  264. width: 300px;
  265. height: auto;
  266. margin-top: 265px;
  267. margin-left: 1000px;
  268. background-color: transparent;
  269. font-family: "amatic sc";
  270. font-size: 35px;
  271. color: #000;
  272. line-height: 35px;
  273. text-transform: bold;
  274. text-align: center;
  275. }
  276.  
  277. #sidebar img{
  278. width:250px;
  279. height:250px;
  280. transition: all 0.7s ease-out;
  281. -o-transition-transition: all 0.7s ease-out;
  282. -webkit-transition: all 0.7s ease-out;
  283. -moz-transition: all 0.7s ease-out;
  284. }
  285.  
  286. .sidebarimg2 {width:250px;height:auto;}
  287.  
  288. .sidebarimg2 img {width:250px;height:250px;display: block;}
  289.  
  290. #sidebarimg {width:250px;height:250px;}
  291.  
  292. #sidebarimg img {height:250px;}
  293.  
  294. #sidebar:hover #sidebarimg img {-webkit-transition: all 0.1s ease;opacity:1;}
  295.  
  296. .sidebarimg {position:fixed;-webkit-transition: all 4s ease-in;opacity: 2;}
  297.  
  298. .sidebarimg img {width:250px;height:250px;}
  299.  
  300. #sidebar:hover.sidebarimg {opacity:2;}
  301.  
  302. .sidebarimg {-webkit-transition: all 1s ease-in;opacity: 0;position: fixed;}
  303.  
  304. .sidebarimg img {width:250px;height:auto;}
  305.  
  306. #sidebar:hover .sidebarimg {opacity:6;}
  307.  
  308. #sidebar{
  309. position:fixed !important;
  310. width:250px;
  311. height:1000px;
  312. margin-top:100px;
  313. margin-left:7px;
  314. line-height:8px;
  315. text-align:center;
  316. padding: 5px;
  317. z-index:999;
  318. transition: all 0.7s ease-out;
  319. -o-transition-transition: all 0.7s ease-out;
  320. -webkit-transition: all 0.7s ease-out;
  321. -moz-transition: all 0.7s ease-out;
  322. {block:ifshowcolumns}
  323. margin-left:139px;
  324. {/block:ifshowcolumns}
  325. }
  326.  
  327.  
  328.  
  329. #descripz{
  330. position:fixed !important;
  331. opacity: 1;
  332. width: 250px;
  333. margin-top: 4px;
  334. margin-left: 0px;
  335. padding-bottom: 0px;
  336. font-size: 9px;
  337. text-align: center;
  338. padding: 3px;
  339. height: 25px;
  340.  
  341. }
  342.  
  343.  
  344.  
  345.  
  346.  
  347. #linkz{
  348. font-size:25px;
  349. font-family:amatic sc;
  350. opacity:0;
  351. text-align:right;
  352. margin-top:-315px;
  353. transition: all 0.6s ease-out;
  354. -o-transition-transition: all 0.6s ease-out;
  355. -webkit-transition: all 0.6s ease-out;
  356. -moz-transition: all 0.6s ease-out;
  357. }
  358.  
  359. #sidebar:hover #linkz {
  360. font-size:25px;
  361. font-family:amatic sc;
  362. opacity:2;
  363. transition: all 0.6s ease-out;
  364. -o-transition-transition: all 0.6s ease-out;
  365. -webkit-transition: all 0.6s ease-out;
  366. -moz-transition: all 0.6s ease-out;
  367. }
  368.  
  369. #linkz a:hover{opacity: 0.7; text-shadow: 1px 0px #00ffe3, -1px 0px #fa91e8; font-weight:bold; -webkit-transition: all 1s ease-in-out; color:{color:link};}
  370.  
  371.  
  372.  
  373. .title{
  374. color: {color:link};
  375. font-family:urmom;
  376. font-size:15px;
  377. line-height:17px;
  378. text-align:center;
  379. }
  380.  
  381.  
  382. .answer{
  383. color:#000000;
  384. padding-top:3px;
  385. font-weight:bold;
  386. font-style:none;}
  387.  
  388. .chat .line{background-color:#fcfcfc; margin:1px; padding-bottom:2px;}
  389. .chat .line.odd{background-color:#ffffff; margin:1px; padding-bottom:2px;}
  390.  
  391. blockquote {border-left:3px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  392.  
  393. .notes img{width:10px; position:relative; top:3px;}
  394.  
  395. .permal{
  396. border-radius:0px 0px 40px 0px; color:#555;
  397. margin-top: -10px;
  398. margin-left:1px;
  399. border:0px; text-align: center;
  400. text-transform:uppercase;}
  401.  
  402. .permal a{
  403. color:{color:link};
  404. font-family:short stack;
  405. font-size:9px;
  406. line-height:9px;
  407. text-transform:lowercase;}
  408.  
  409. .permal a:hover {
  410. color: #000;
  411. text-shadow: 0px 0px 5px {color:link hover};
  412. -webkit-transition: all 0.2s linear;
  413. -webkit-transition: all 0.2s linear;
  414. -moz-transition: all 0.2s linear;
  415. transition: all 0.2s linear;
  416. }
  417.  
  418. .entry .permal{
  419. opacity: 0.0;
  420. position:absolute;
  421. background-color:#ffffff;
  422. text-transform:lowercase;
  423. font-family:short stack;
  424. font-size:9px;
  425. line-height:9px;
  426. font-weight:normal;
  427. color:{color:link};
  428. margin:0px; padding-top:3px; padding-bottom:3px;
  429. text-align:center;
  430. height:auto;
  431. border:0px; width:200px;}
  432.  
  433. .entry:hover .permal{
  434. width:200; height:auto;
  435. overflow:visible; opacity: 0.8;
  436. -webkit-transition: opacity 1s linear;
  437. -webkit-transition: all 0.7s linear;
  438. -moz-transition: all 0.7s linear;
  439. transition: all 0.7s linear;
  440. border:0px;
  441. }
  442.  
  443. a.side, a.side:link, a.side:active, a.side:visited{
  444. -webkit-border-radius: 4px 4px 4px 4px;
  445. border-radius: 4px 4px 4px 4px;
  446. width:30px;
  447. font-family: didact gothic;
  448. font-size: 8px;
  449. line-height:15px;
  450. -moz-transition: 0.4s ease-out;
  451. -webkit-transition: 0.4s ease-out;
  452. letter-spacing:0px;
  453. text-align:center; padding-top:1px;
  454. margin:0px; text-transform:uppercase;
  455. color:{color:sidelink};
  456. display:inline-block;}
  457.  
  458. a.side:hover {
  459. -o-transition-transition: all 0.4s ease-out;
  460. -webkit-transition: all 0.4s ease-out;
  461. -moz-transition: all 0.4s ease-out;
  462. transition: all 0.4s ease-out;
  463. color:{color:sidelinkhover};}
  464.  
  465. a.next, a.next:link, a.next:active, a.next:visited {
  466. text-align:center;
  467. font-size:8px;
  468. line-height:7px;
  469. color:#42545c;
  470. font-family:didact gothic;
  471. letter-spacing:0px;
  472. font-weight:normal;
  473. text-transform:uppercase;
  474. -webkit-transition: all 0.3s ease-out;
  475. -moz-transition: all 0.3s ease-out;
  476. transition: all 0.3s ease-out;
  477. margin:0px;}
  478. a.next:hover {color:#b475ec;}
  479.  
  480. small{font-size:95%;}
  481.  
  482. a:link img {border:none;}
  483. a:visited img {border:none;}
  484. a:hover img {border:none;}
  485. a:img{border:none;}
  486. br{line-height:1px;}
  487.  
  488. #desc{
  489. opacity:0.7;
  490. width:250px;
  491. position: fixed;
  492. margin-top:0px;
  493. color:{color:text};
  494. {block:ifbodyfont1}
  495. font-family:short stack;
  496. font-size:9px;
  497. {/block:ifbodyfont1}
  498. {block:ifbodyfont2}
  499. font-family:ronda;
  500. font-size:8px;
  501. {/block:ifbodyfont2}
  502. {block:ifbodyfont3}
  503. font-family:arial;
  504. font-size:11px;
  505. {/block:ifbodyfont3}
  506. {block:ifbodyfont4}font-family:ruluko; font-size:11px; {/block:ifbodyfont4}
  507. line-height:9px;
  508. letter-spacing:0px;
  509. background-color: transparent;
  510. text-transform: normal;
  511. text-align: center;
  512. transition: all 0.7s ease-out;
  513. -o-transition-transition: all 0.7s ease-out;
  514. -webkit-transition: all 0.7s ease-out;
  515. -moz-transition: all 0.7s ease-out;
  516. }
  517.  
  518. #sidebar:hover #desc{
  519. opacity:0;
  520. margin-top:-240px;
  521. transition: all 0.7s ease-out;
  522. -o-transition-transition: all 0.7s ease-out;
  523. -webkit-transition: all 0.7s ease-out;
  524. -moz-transition: all 0.7s ease-out;
  525. }
  526.  
  527.  
  528. #desc2{
  529. opacity:0;
  530. width:250px;
  531. position: fixed;
  532. margin-top:0px;
  533. color:{color:text};
  534. {block:ifbodyfont1}
  535. font-family:short stack;
  536. font-size:9px;
  537. {/block:ifbodyfont1}
  538. {block:ifbodyfont2}
  539. font-family:ronda;
  540. font-size:8px;
  541. {/block:ifbodyfont2}
  542. {block:ifbodyfont3}
  543. font-family:arial;
  544. font-size:11px;
  545. {/block:ifbodyfont3}
  546. {block:ifbodyfont4}font-family:ruluko; font-size:11px; {/block:ifbodyfont4}
  547. line-height:9px;
  548. letter-spacing:0px;
  549. background-color: transparent;
  550. text-transform: normal;
  551. text-align: center;
  552. transition: all 0.7s ease-out;
  553. -o-transition-transition: all 0.7s ease-out;
  554. -webkit-transition: all 0.7s ease-out;
  555. -moz-transition: all 0.7s ease-out;
  556. }
  557.  
  558. #sidebar:hover #desc2{
  559. opacity:1;
  560. margin-top:0px;
  561. transition: all 0.7s ease-out;
  562. -o-transition-transition: all 0.7s ease-out;
  563. -webkit-transition: all 0.7s ease-out;
  564. -moz-transition: all 0.7s ease-out;
  565. }
  566.  
  567. #permalink a{color: {color:Link};}
  568.  
  569. #permalink a:hover {
  570. color: #000;
  571. text-shadow: 0px 0px 5px {color:link hover};
  572. -webkit-transition: all 0.2s linear;
  573. -webkit-transition: all 0.2s linear;
  574. -moz-transition: all 0.2s linear;
  575. transition: all 0.2s linear;
  576. }
  577.  
  578. select {
  579. {block:ifbodyfont1}
  580. font-family:short stack;
  581. font-size:9px;
  582. {/block:ifbodyfont1}
  583. {block:ifbodyfont2}
  584. font-family:ronda;
  585. font-size:8px;
  586. {/block:ifbodyfont2}
  587. {block:ifbodyfont3}
  588. font-family:handy00;
  589. font-size:8px;
  590. {/block:ifbodyfont3}
  591. {block:ifbodyfont4}
  592. font-family:arial;
  593. font-size:9px;
  594. {/block:ifbodyfont4}
  595. width: 100px;
  596.  
  597.  
  598. }
  599. option {
  600. {block:ifbodyfont1}
  601. font-family:short stack;
  602. font-size:9px;
  603. {/block:ifbodyfont1}
  604. {block:ifbodyfont2}
  605. font-family:ronda;
  606. font-size:8px;
  607. {/block:ifbodyfont2}
  608. {block:ifbodyfont3}
  609. font-family:handy00;
  610. font-size:8px;
  611. {/block:ifbodyfont3}
  612. {block:ifbodyfont4}
  613. font-family:arial;
  614. font-size:9px;
  615. {/block:ifbodyfont4}
  616. text-align: left;
  617.  
  618. }
  619. input[type=button]
  620. {
  621. {block:ifbodyfont1}
  622. font-family:short stack;
  623. font-size:9px;
  624. {/block:ifbodyfont1}
  625. {block:ifbodyfont2}
  626. font-family:ronda;
  627. font-size:8px;
  628. {/block:ifbodyfont2}
  629. {block:ifbodyfont3}
  630. font-family:handy00;
  631. font-size:8px;
  632. {/block:ifbodyfont3}
  633. {block:ifbodyfont4}
  634. font-family:arial;
  635. font-size:9px;
  636. {/block:ifbodyfont4}
  637. }
  638.  
  639. #sidebar2{
  640. width:275px;
  641. z-index:1;
  642. position:fixed !important;
  643. text-align:center;
  644. bottom:0px;
  645. height:100%;
  646. font-size: 11px;
  647. padding-top: 3px;
  648. margin-left:150px;
  649. background-image:url({image:sidebar2 background});
  650. }
  651.  
  652. div#side2{
  653. border-left:4px solid {color:link};
  654. border-right:4px solid {color:link};
  655. width:140px;
  656. position:fixed !important;
  657. text-align:center;
  658. top:0px;
  659. height:1020px;
  660. margin-left:937px;
  661. background-image:url("{image:rightside}");
  662. -webkit-animation:fadeInDownBig 3s;
  663. -moz-animation:fadeInDownBig 3s;
  664. -ms-animation:fadeInDownBig 3s;
  665. -webkit-transition: all 0.5s ease;
  666. -moz-transition: all 0.5s ease;
  667. -o-transition: all 0.5s ease;
  668. }
  669.  
  670. .links a {
  671. width: 125px;
  672. margin-left: 8px;
  673. letter-spacing:3px;
  674. background-color: #e2e2e2;
  675. display: block;
  676. height: 20px;
  677. line-height: 20px;
  678. font-family: spring script;
  679. font-size: 14px;
  680. color: #545455;
  681. text-transform: uppercase;
  682. text-decoration: none;
  683. text-align: center;
  684. margin-top: 20px;
  685. margin-bottom: 3px;
  686. border-top-right-radius: 5px;
  687. border-bottom-left-radius: 5px;
  688. border-top-left-radius: 5px;
  689. border-bottom-right-radius: 5px;
  690. transition: all 0.8s ease-out;-o-transition-transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;
  691. }
  692.  
  693. .links a:hover{
  694. -webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;
  695. transition: all 0.8s ease-out;-o-transition-transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;
  696. -moz-transition: all 0.8s ease-out;
  697. border-top-right-radius: 5px;
  698. border-bottom-left-radius: 5px;
  699. border-top-left-radius: 5px;
  700. border-bottom-right-radius: 5px;}
  701.  
  702. #titlebar{ position: fixed !important;margin-left:810px;
  703. margin-top:333px;color:{color:Link};font-family: lovenote;font-size: 68px;width:600px;line-height:10px;letter-spacing:0px;background-color: transparent;text-transform: normal;text-align: center;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}
  704.  
  705. /*** ask ***/
  706. .bubble {align:right;background:-webkit-gradient(linear, left top, right bottom, from({color:link hover}), to(#ffffff));; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
  707. .bubble p {margin:1px 0px;}
  708. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:link hover};}
  709.  
  710. .askborder {-webkit-border-radius:100px;float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee; border-bottom-left-radius:70px;
  711. border-bottom-right-radius:70px;border-top-left-radius:70px;
  712. border-top-right-radius:70px;}
  713. .bubble a {color: {color:text};}
  714. .bubble a:hover {opacity: 0.7; -webkit-transition: all .9s ease-in-out; color:#ffffff;}
  715.  
  716.  
  717. div#side{
  718. opacity: 0.5;
  719. width:100%;
  720. position:fixed !important;
  721. text-align:center;
  722. top:250px;
  723. height:100px;
  724. margin-left:-5px;
  725. background: {color:Stripes};
  726. border: 1px solid #ddd;
  727. box-shadow: 0px 0px 7px #ddd;
  728. -webkit-animation:fadeInDownBig 3s;
  729. -moz-animation:fadeInDownBig 3s;
  730. -ms-animation:fadeInDownBig 3s;
  731. -webkit-transition: all 0.5s ease;
  732. -moz-transition: all 0.5s ease;
  733. -o-transition: all 0.5s ease;
  734. }
  735.  
  736. div#sidee2{
  737. opacity: 0.5;
  738. width: 80px;
  739. position:fixed !important;
  740. text-align:center;
  741. top:-2px;
  742. height:100%;
  743. margin-left:250px;
  744. background: {color:Stripes};
  745. border: 1px solid #ddd;
  746. box-shadow: 0px 0px 7px #ddd;
  747. -webkit-animation:fadeInDownBig 3s;
  748. -moz-animation:fadeInDownBig 3s;
  749. -ms-animation:fadeInDownBig 3s;
  750. -webkit-transition: all 0.5s ease;
  751. -moz-transition: all 0.5s ease;
  752. -o-transition: all 0.5s ease;
  753. }
  754.  
  755.  
  756. #links{
  757. position:absolute;
  758. opacity:0;
  759. text-align: center;
  760. width: 250px;
  761. font-family:short stack;
  762. font-size:9px;
  763. line-height:100%;
  764. text-transform:lowercase;
  765. margin-top:-260px;
  766. padding:0px;
  767. -webkit-transition: all 1s ease-in-out;
  768. -moz-transition: all 1s ease-in-out;
  769. -o-transition: all 1s ease-in-out;
  770. -ms-transition: all 1s ease-in-out;
  771. transition: all 1s ease-in-out;
  772. }
  773.  
  774.  
  775. #sidebar:hover #links {
  776. opacity:1;
  777. margin-top:-260px;
  778. -webkit-transform: rotate(0deg);
  779. -moz-transform: rotate(0deg);
  780. -webkit-transition: all 1s ease-in-out;
  781. -moz-transition: all 1s ease-in-out;
  782. -o-transition: all 1s ease-in-out;
  783. -ms-transition: all 1s ease-in-out;
  784. transition: all 1s ease-in-out;
  785. }
  786.  
  787. #socks {
  788. position:fixed;
  789. margin-left:1000px;margin-top:350px;width:150px;}
  790.  
  791. div#content{
  792. overflow:hidden;
  793. float:left;
  794. width:500px;
  795. padding:0px;
  796. padding-left:5px;
  797. padding-right:5px;
  798. padding-top:4px;
  799. margin-top:0px;
  800. margin-bottom:5px;
  801. margin-left:430px;
  802. background:#fff;
  803. background-image: url('{image:content}');
  804. text-align: justify;
  805. position:absolute;-webkit-animation: flipInY 3s;
  806. -moz-animation: flipInY 3s;
  807. -ms-animation: flipInY: 3s;
  808. }
  809.  
  810. .animated {
  811. -webkit-animation-fill-mode: both;
  812. -moz-animation-fill-mode: both;
  813. -ms-animation-fill-mode: both;
  814. -o-animation-fill-mode: both;
  815. animation-fill-mode: both;
  816. -webkit-animation-duration: 1s;
  817. -moz-animation-duration: 1s;
  818. -ms-animation-duration: 1s;
  819. -o-animation-duration: 1s;
  820. animation-duration: 1s;
  821. }
  822.  
  823. .animated.hinge {
  824. -webkit-animation-duration: 2s;
  825. -moz-animation-duration: 2s;
  826. -ms-animation-duration: 2s;
  827. -o-animation-duration: 2s;
  828. animation-duration: 2s;
  829. }
  830.  
  831. @-webkit-keyframes flipInY {
  832. 0% {
  833. -webkit-transform: perspective(400px) rotateY(90deg);
  834. opacity: 0;
  835. }
  836.  
  837. 40% {
  838. -webkit-transform: perspective(400px) rotateY(-10deg);
  839. }
  840.  
  841. 70% {
  842. -webkit-transform: perspective(400px) rotateY(10deg);
  843. }
  844.  
  845. 100% {
  846. -webkit-transform: perspective(400px) rotateY(0deg);
  847. opacity: 1;
  848. }
  849. }
  850. @-moz-keyframes flipInY {
  851. 0% {
  852. -moz-transform: perspective(400px) rotateY(90deg);
  853. opacity: 0;
  854. }
  855.  
  856. 40% {
  857. -moz-transform: perspective(400px) rotateY(-10deg);
  858. }
  859.  
  860. 70% {
  861. -moz-transform: perspective(400px) rotateY(10deg);
  862. }
  863.  
  864. 100% {
  865. -moz-transform: perspective(400px) rotateY(0deg);
  866. opacity: 1;
  867. }
  868. }
  869. @-o-keyframes flipInY {
  870. 0% {
  871. -o-transform: perspective(400px) rotateY(90deg);
  872. opacity: 0;
  873. }
  874.  
  875. 40% {
  876. -o-transform: perspective(400px) rotateY(-10deg);
  877. }
  878.  
  879. 70% {
  880. -o-transform: perspective(400px) rotateY(10deg);
  881. }
  882.  
  883. 100% {
  884. -o-transform: perspective(400px) rotateY(0deg);
  885. opacity: 1;
  886. }
  887. }
  888. @keyframes flipInY {
  889. 0% {
  890. transform: perspective(400px) rotateY(90deg);
  891. opacity: 0;
  892. }
  893.  
  894. 40% {
  895. transform: perspective(400px) rotateY(-10deg);
  896. }
  897.  
  898. 70% {
  899. transform: perspective(400px) rotateY(10deg);
  900. }
  901.  
  902. 100% {
  903. transform: perspective(400px) rotateY(0deg);
  904. opacity: 1;
  905. }
  906. }
  907.  
  908. .flipInY {
  909. -webkit-backface-visibility: visible !important;
  910. -webkit-animation-name: flipInY;
  911. -moz-backface-visibility: visible !important;
  912. -moz-animation-name: flipInY;
  913. -o-backface-visibility: visible !important;
  914. -o-animation-name: flipInY;
  915. backface-visibility: visible !important;
  916. animation-name: flipInY;
  917. }
  918.  
  919. transition: all 0.9s ease-out;
  920. -o-transition-transition: all 0.9s ease-out;
  921. -webkit-transition: all 0.9s ease-out;
  922. -moz-transition: all 0.9s ease-out;}
  923.  
  924. #users:hover{}
  925.  
  926. #h2 {font-family:lovenote;
  927. font-size: 50px;
  928. text-align:center;
  929. color:{color:link};}
  930. {CustomCSS}</style></head><body>
  931.  
  932. <body>
  933.  
  934. <div id="side">
  935. </div>
  936. <div id="sidee2">
  937. </div>
  938. </div>
  939. <div id="sidebar2">
  940. <div id="sidebar">
  941. <div id="sidebartext">{text:sbartext}</div>
  942. <a href="/">
  943. <div class="sidebarimg2"><div id="sidebarimg">
  944. <div class="sidebarimg"><img src="{image:sidebar2}"></div><img src="{image:sidebar}" width="200"></div></div></a>
  945. <div id="desc">
  946. {text:desc}
  947. </p>
  948.  
  949. </div>
  950. <div id="desc2">{block:Description}
  951.  
  952. {Description}{/block:Description}
  953. {block:ifextralinks}
  954. <p></p>
  955. <form name="jump">
  956. <select name="menu">
  957. {block:iffirstcustomlink}
  958. <option value="{text:first custom link url}">{text:first custom link title}</option>
  959. {/block:iffirstcustomlink}
  960. {block:ifsecondcustomlink}
  961. <option value="{text:second custom link url}">{text:second custom link title}</option>
  962. {/block:ifsecondcustomlink}
  963. {block:ifthirdcustomlink}
  964. <option value="{text:third custom link url}">{text:third custom link title}</option>
  965. {/block:ifthirdcustomlink}
  966. {block:iffourthcustomlink}
  967. <option value="{text:fourth custom link url}">{text:fourth custom link title}</option>
  968. {/block:iffourthcustomlink}
  969. {block:iffifthcustomlink}
  970. <option value="{text:fifth custom link url}">{text:fifth custom link title}</option>
  971. {/block:iffifthcustomlink}
  972. {block:ifsixthcustomlink}
  973. <option value="{text:sixth custom link url}">{text:sixth custom link title}</option>
  974. {/block:ifsixthcustomlink}
  975. {block:ifseventhcustomlink}
  976. <option value="{text:seventh custom link url}">{text:seventh custom link title}</option>
  977. {/block:ifseventhcustomlink}
  978. {block:ifeighthcustomlink}
  979. <option value="{text:eighth custom link url}">{text:eighth custom link title}</option>
  980. {/block:ifeighthcustomlink}
  981. </select>
  982. <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="{text:go link}">
  983. </form> {/block:ifextralinks}
  984. </div>
  985.  
  986. <div id="blogtitle">{text:title1}</div>
  987. <div id="blogtitle2">{text:title2}
  988. </div>
  989. <div id="links"><center><a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}
  990. <a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}
  991. <a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  992. <a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}
  993. <a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}
  994. <a href="{text:Link Six}">{text:Link Six Title}</a>{/block:ifLinkSixTitle}
  995. <a href="{text:Link Seven}">{text:Link Seven Title}</a>{/block:ifLinkSevenTitle}
  996. <a href="{text:Link Eight}">{text:Link Eight Title}</a>{/block:ifLinkEightTitle}
  997. <a href="{text:Link Nine}">{text:Link Nine Title}</a>{/block:ifLinkNineTitle}
  998. <a href="{text:Link Ten}">{text:Link Ten Title}</a>{/block:ifLinkTenTitle}
  999. </center></div>
  1000.  
  1001.  
  1002.  
  1003.  
  1004. </select>
  1005. </div>
  1006. </div>
  1007. <div id="sidebanner"><b>{text:sidebanner}</b></div>
  1008. </div>
  1009. <div id="content">
  1010. <div class = "autopagerize_page_element" >
  1011. {block:Posts}
  1012. <div id="entry">
  1013. {block:Text}
  1014. <div class="entry">
  1015. {block:Title}<span class="title"><center><a href="{Permalink}">{Title}</a></center></span>{/block:Title}
  1016. <span class="entrytext">{Body}</span>
  1017. <div style="text-align: right;font-size:9px;"><div id="permalink">+ <a href="{Permalink}">{NoteCount}</a></div></div>
  1018. {/block:Text}
  1019.  
  1020. {block:Link}
  1021. <div class="entry">
  1022. <a href="{URL}" class="title"><center>{Name}</center></a>
  1023. {block:Description}{Description}{/block:Description}
  1024. <div style="text-align: right;font-size:9px;"><div id="permalink">+ <a href="{Permalink}">{NoteCount}</a></div></div>
  1025. {block:Link}
  1026.  
  1027. {block:Photo}
  1028. <div class="entry">
  1029. <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>
  1030. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width="500px"/></a>{block:Caption}{Caption}{/block:Caption}
  1031. {/block:PermalinkPage}{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-500}" width="500px"/></a>{block:Caption}{/block:Caption}</div>{/block:IndexPage}{/block:Photo}
  1032.  
  1033. {block:Photoset}
  1034. <div class="entry">
  1035. <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>
  1036. {block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1037. {block:indexpage}
  1038. {/block:indexpage}{/block:Photoset}
  1039.  
  1040. {block:Quote}
  1041. <div class="entry">
  1042. <span class="title"><center><a href="{Permalink}">{Quote}</a></center></span><br>
  1043. {block:Source}<div style="text-align: center;"> - {Source}</div><br>{/block:Source}
  1044. <div style="text-align: right;font-size:9px;"><div id="permalink">+ <a href="{Permalink}">{NoteCount}</a></div></div>
  1045. {/block:Quote}
  1046.  
  1047. {block:Chat}
  1048. <div class="entry">
  1049. {block:Title}<span class="title"><a href="{Permalink}">{Title}</a></span>{/block:Title}
  1050. <ul class="chat">
  1051. {block:Lines}
  1052. <li class="user_{UserNumber}">
  1053. {block:Label}
  1054. <span class="label">{Label}</span>
  1055. {/block:Label}
  1056. {Line}</li>{/block:Lines}</ul>
  1057. <div style="text-align: right;font-size:9px;"><div id="permalink">+ <a href="{Permalink}">{NoteCount}</a></div></div>
  1058. {/block:Chat}
  1059.  
  1060. {block:Audio}
  1061. <div class="entry">
  1062. <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>
  1063. <div style="width:500px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;">
  1064. {block:ExternalAudio}{/block:ExternalAudio}</small></div></div><BR>
  1065. {block:Caption}{Caption}{/block:Caption}
  1066. {/block:Audio}
  1067.  
  1068. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span><div style="font-family:gram;
  1069. font-size: 12px;">{Asker}: {Question}&nbsp;</div></div>{Answer}
  1070. <div style="text-align: right;font-size:9px;"><div id="permalink">+ <a href="{Permalink}">{NoteCount}</a></div></div>
  1071. {/block:Answer}
  1072.  
  1073. {block:Video}
  1074. <div class="entry">
  1075. <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>
  1076. {Video-500}<BR>
  1077. {block:Caption}{/block:Caption}
  1078. {block:Video}
  1079.  
  1080. {block:PostNotes}
  1081. <center>
  1082. {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}
  1083. <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  1084. </center></span>
  1085. <br>
  1086. <div id="postnotes">{PostNotes}</div><br>
  1087.  
  1088. {/block:PostNotes}
  1089. </div>
  1090. {/block:Posts}
  1091.  
  1092. </div></div>
  1093. </div></div>
  1094.  
  1095. </body>
  1096. </body>
  1097.  
  1098.  
  1099. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1100. <div style="position:fixed; bottom:5px; left:5px; font-family: ronda; font-size:8px; text-decoration:none;">
  1101. <a href="http://wheretimeisendless.tumblr.com/">credit</a></div>
  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!