API tools faq
paste
enchantingly

Theme 29v2 - Winter Wonderland

enchantingly
Dec 3rd, 2013
1,825
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!----
  5. Theme 29v2 - "Autumn Leaves" by Elowen (theghostoflove.tumblr.com)
  6.  
  7. I don’t mind if the credit is removed if the theme is edited beyond recognition. If not, please keep credit intact. If you get stuck, please feel free to message me! Comments and suggestions are also welcome.
  8. --->
  9.  
  10. <head>
  11.  
  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.  
  17. <meta name="color:Background1" content="#3a67ab">
  18. <meta name="color:Background2" content="#d3eeff">
  19. <meta name="color:Body" content="#272b95">
  20. <meta name="color:Border" content="#20216e">
  21. <meta name="color:Snowflake1 Link" content="#010437">
  22. <meta name="color:Snowflake2 Link" content="#0b127b">
  23. <meta name="color:Link" content="#010437">
  24. <meta name="color:Link Hover" content="#333ce0">
  25. <meta name="color:Scroll" content="#eae8e8">
  26. <meta name="color:Scroll Bg" content="#3a67ab">
  27. <meta name="color:Sidebar" content="#df6818">
  28. <meta name="color:Title" content="#030149">
  29.  
  30. <meta name="if:Background Repeat" content="0">
  31. <meta name="if:Cursive Fonts" content="1">
  32. <meta name="if:Infinite Scroll" content="0">
  33. <meta name="if:Let It Snow" content="1">
  34. <meta name="if:Posts 400" content="0">
  35. <meta name="if:Speed Up Snowflakes" content="0">
  36.  
  37. <meta name="image:Background" content="">
  38. <meta name="image:Sidebar" content="">
  39.  
  40. <meta name="text:1Red" content="255">
  41. <meta name="text:2Green" content="255">
  42. <meta name="text:3Blue" content="255">
  43. <meta name="text:Link1" content="">
  44. <meta name="text:Link1URL" content="">
  45. <meta name="text:Link2" content="">
  46. <meta name="text:Link2URL" content="">
  47. <meta name="text:Link3" content="" >
  48. <meta name="text:Link3URL" content="">
  49. <meta name="text:Link4" content="">
  50. <meta name="text:Link4URL" content="">
  51. <meta name="text:Link5" content="">
  52. <meta name="text:Link5URL" content="">
  53. <meta name="text:Link6" content="">
  54. <meta name="text:Link6URL" content="">
  55. <meta name="text:Link7" content="">
  56. <meta name="text:Link7URL" content="">
  57. <meta name="text:Link8" content="" >
  58. <meta name="text:Link8URL" content="">
  59. <meta name="text:Link9" content="">
  60. <meta name="text:Link9URL" content="">
  61. <meta name="text:LinkTen" content="">
  62. <meta name="text:LinkTenURL" content="">
  63.  
  64. <style type="text/css">
  65.  
  66. body {
  67. margin:0px;
  68. text-align:justify;
  69. font-family:'Lora';
  70. font-size:12px;
  71. color:{color:body};
  72. background: -webkit-linear-gradient(top, {color:Background1}, {color:Background2}); -webkit-gradient(linear, 0% 0%, 0% 100%, from({color:Background1}), to({color:Background2})); -moz-linear-gradient(top, {color:Background1}, {color:Background2}); -ms-linear-gradient(top, {color:Background1}, {color:Background2}); -o-linear-gradient(top, {color:Background1}, {color:Background2});
  73. background-attachment:fixed;
  74. }
  75.  
  76. #bimage {
  77. height:100%;
  78. width:100%;
  79. position:fixed;
  80. background-image:url('{image:Background}');
  81. background-position:bottom right;
  82. {block:ifNotBackgroundRepeat}background-repeat:no-repeat;{/block:ifNotBackgroundRepeat}
  83. }
  84.  
  85. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 10px}
  86.  
  87. ::-webkit-scrollbar {width:8px; height:auto;background:{color:scroll bg};}
  88. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  89. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  90.  
  91. ::selection {color:rgba({text:1Red},{text:2Green},{text:3Blue},0.5);background-color:{color:body};}
  92. ::-moz-selection {color:rgba({text:1Red},{text:2Green},{text:3Blue},0.5);background-color:{color:body};}::-webkit-selection {color:rgba({text:1Red},{text:2Green},{text:3Blue},0.5);background-color:{color:body};}
  93.  
  94. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  95. a:hover {color:{color:link hover}}
  96.  
  97. #sidebar:hover #title {opacity:0;margin-left:350px;-webkit-transition: all 1.9s ease-in-out;-moz-transition: all 1.9s ease-in-out;-o-transition: all 1.9s ease-in-out;transition: all 1.9s ease-in-out;
  98. background-color:rgba({text:1Red},{text:2Green},{text:3Blue},0);}
  99.  
  100. #title {
  101. text-align:center;
  102. width:330px;
  103. margin:190px 10px 0px;
  104. position:fixed;
  105. font-size:46px;
  106. color:{color:title};
  107. {block:IfCursiveFonts}font-family:'Rouge Script';{/block:ifCursiveFonts}
  108. background-color:rgba({text:1Red},{text:2Green},{text:3Blue},0.2);
  109. -webkit-transition: all 2.1s ease-in-out;-moz-transition: all 2.1s ease-in-out;-o-transition: all 2.1s ease-in-out;transition: all 2.1s ease-in-out;
  110. }
  111.  
  112. #entries {
  113. position:relative;
  114. z-index:5;
  115. margin:10px 0px 15px 450px;
  116. padding:10px;
  117. padding-left:15px;
  118. padding-right:15px;
  119. float:left;
  120. {block:ifNotPosts400}width:530px;{/block:ifNotPosts400}
  121. {block:ifPosts400}width:430px;{/block:ifPosts400};
  122. }
  123.  
  124. #post {
  125. padding:10px;
  126. margin-left:5px;
  127. margin-top:20px;
  128. margin-bottom:20px;
  129. padding-bottom:10px;
  130. {block:ifNotPosts400}width:500px;{/block:ifNotPosts400}
  131. {block:ifPosts400}width:400px;{/block:ifPosts400}
  132. background-color:rgba({text:1Red},{text:2Green},{text:3Blue},0.6);
  133. border:10px solid;
  134. border-color:rgba({text:1Red},{text:2Green},{text:3Blue},0.3)
  135. }
  136.  
  137. #sidebar {
  138. top:0px;
  139. left:0px;
  140. position:fixed;
  141. width:350px;
  142. height:100%;
  143. background-color:{color:Sidebar};
  144. background-image:url('{image:Sidebar}');
  145. background-repeat:no-repeat;
  146. background-attachment:fixed;
  147. background-position:bottom left;
  148. }
  149.  
  150. #sidebar:hover #description {opacity:0; margin-left:-300px;-webkit-transition: all 1.9s ease-in-out;-moz-transition: all 1.9s ease-in-out;-o-transition: all 1.9s ease-in-out;transition: all 1.9s ease-in-out;}
  151.  
  152. #description {
  153. margin-top:260px;
  154. margin-left:10px;
  155. text-align:justify;
  156. position:fixed;
  157. width:300px;
  158. padding:15px;
  159. background-color:rgba({text:1Red},{text:2Green},{text:3Blue},0.5);
  160. -webkit-transition: all 2.1s ease-in-out;-moz-transition: all 2.1s ease-in-out;-o-transition: all 2.1s ease-in-out;transition: all 2.1s ease-in-out;;
  161. }
  162.  
  163. #info {
  164. border-top:1px solid {color:border};
  165. padding-top:10px;
  166. {block:ifNotPosts400}width:500px;{/block:ifNotPosts400}
  167. {block:ifPosts400}width:400px;{/block:ifPosts400}
  168. }
  169.  
  170. .notes {
  171. }
  172. .notes li {
  173. padding:2px 0px 2px 0px;
  174. list-style-type:none;
  175. margin:2px 0px 2px 0px;
  176. }
  177.  
  178. {block:ifNotSpeedUpSnowflakes}
  179. #sidebar:hover #link1 {
  180. margin-left:20px;
  181. margin-top:40px;
  182. -webkit-transition: all 2.1s ease-in-out;
  183. -moz-transition: all 2.1s ease-in-out;
  184. -o-transition: all 2.1s ease-in-out;
  185. transition: all 2.1s ease-in-out;}
  186. #link1 {
  187. margin-top:-100px;
  188. margin-left:300px;
  189. -webkit-transition: all 2.6s ease-in-out;
  190. -moz-transition: all 2.6s ease-in-out;
  191. -o-transition: all 2.6s ease-in-out;
  192. transition: all 2.6s ease-in-out;}
  193. #link1 a {
  194. text-align:center;
  195. display:inline-block;
  196. width:100px;
  197. padding-top:40px;
  198. padding-bottom:40px;
  199. font-family:georgia;
  200. border-radius:50%;
  201. color:{color:Snowflake1 Link};
  202. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  203. background-size:100px;}
  204. #link1 a:hover {
  205. -webkit-transform: rotate(15deg);
  206. -moz-transform: rotate(15deg);
  207. -ms-transform: rotate(15deg);
  208. -o-transform: rotate(15deg);
  209. font-weight:bold;
  210. brightness(120%);
  211. -webkit-filter: brightness(120%);
  212. -moz-filter: brightness(120%);
  213. -o-filter: brightness(120%);
  214. -ms-filter: brightness(120%);}
  215.  
  216. #sidebar:hover #link2 {
  217. margin-left:130px;
  218. margin-top:-50px;
  219. -webkit-transition: all 3.6s ease-in-out;
  220. -moz-transition: all 3.6s ease-in-out;
  221. -o-transition: all 3.6s ease-in-out;
  222. transition: all 3.6s ease-in-out;}
  223. #link2 {
  224. margin-top:-300px;
  225. margin-left:-300px;
  226. -webkit-transform: rotate(-5deg);
  227. -moz-transform: rotate(-5deg);
  228. -ms-transform: rotate(-5deg);
  229. -o-transform: rotate(-5deg);
  230. -webkit-transition: all 2.6s ease-in-out;
  231. -moz-transition: all 2.6s ease-in-out;
  232. -o-transition: all 2.6s ease-in-out;
  233. transition: all 2.6s ease-in-out;}
  234. #link2 a {
  235. text-align:center;
  236. display:inline-block;
  237. width:100px;
  238. padding-top:40px;
  239. padding-bottom:40px;
  240. font-family:georgia;
  241. border-radius:50%;
  242. color:{color:Snowflake2 Link};
  243. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  244. background-size:100px;
  245. brightness(90%);
  246. -webkit-filter: brightness(90%);
  247. -moz-filter: brightness(90%);
  248. -o-filter: brightness(90%);
  249. -ms-filter: brightness(90%)}
  250. #link2 a:hover {
  251. -webkit-transform: rotate(15deg);
  252. -moz-transform: rotate(15deg);
  253. -ms-transform: rotate(15deg);
  254. -o-transform: rotate(15deg);
  255. font-weight:bold;
  256. brightness(100%);
  257. -webkit-filter: brightness(100%);
  258. -moz-filter: brightness(100%);
  259. -o-filter: brightness(100%);
  260. -ms-filter: brightness(100%);}
  261.  
  262. #sidebar:hover #link3 {
  263. margin-left:230px;
  264. margin-top:-60px;
  265. -webkit-transition: all 5.6s ease-in-out;
  266. -moz-transition: all 5.6s ease-in-out;
  267. -o-transition: all 5.6s ease-in-out;
  268. transition: all 5.6s ease-in-out;}
  269. #link3 {
  270. margin-top:-300px;
  271. margin-left:-200px;
  272. -webkit-transform: rotate(10deg);
  273. -moz-transform: rotate(10deg);
  274. -ms-transform: rotate(10deg);
  275. -o-transform: rotate(10deg);
  276. -webkit-transition: all 2.6s ease-in-out;
  277. -moz-transition: all 2.6s ease-in-out;
  278. -o-transition: all 2.6s ease-in-out;
  279. transition: all 2.6s ease-in-out;}
  280. #link3 a {
  281. text-align:center;
  282. display:inline-block;
  283. width:100px;
  284. padding-top:40px;
  285. padding-bottom:40px;
  286. font-family:georgia;
  287. border-radius:50%;
  288. color:{color:Snowflake1 Link};
  289. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  290. background-size:100px;}
  291. #link3 a:hover {
  292. -webkit-transform: rotate(-15deg);
  293. -moz-transform: rotate(-15deg);
  294. -ms-transform: rotate(-15deg);
  295. -o-transform: rotate(-15deg);
  296. font-weight:bold;
  297. brightness(120%);
  298. -webkit-filter: brightness(120%);
  299. -moz-filter: brightness(120%);
  300. -o-filter: brightness(120%);
  301. -ms-filter: brightness(120%);}
  302.  
  303. #sidebar:hover #link4 {
  304. margin-left:30px;
  305. margin-top:-30px;
  306. -webkit-transition: all 4.6s ease-in-out;
  307. -moz-transition: all 4.6s ease-in-out;
  308. -o-transition: all 4.6s ease-in-out;
  309. transition: all 4.6s ease-in-out;}
  310. #link4 {
  311. margin-left:300px;
  312. margin-top:-300px;
  313. -webkit-transform: rotate(10deg);
  314. -moz-transform: rotate(10deg);
  315. -ms-transform: rotate(10deg);
  316. -o-transform: rotate(10deg);
  317. -webkit-transition: all 2.6s ease-in-out;
  318. -moz-transition: all 2.6s ease-in-out;
  319. -o-transition: all 2.6s ease-in-out;
  320. transition: all 2.6s ease-in-out;}
  321. #link4 a {
  322. text-align:center;
  323. display:inline-block;
  324. width:100px;
  325. padding-top:40px;
  326. padding-bottom:40px;
  327. font-family:georgia;
  328. border-radius:50%;
  329. color:{color:Snowflake2 Link};
  330. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  331. background-size:100px;
  332. brightness(90%);
  333. -webkit-filter: brightness(90%);
  334. -moz-filter: brightness(90%);
  335. -o-filter: brightness(90%);
  336. -ms-filter: brightness(90%)}
  337. #link4 a:hover {
  338. -webkit-transform: rotate(-15deg);
  339. -moz-transform: rotate(-15deg);
  340. -ms-transform: rotate(-15deg);
  341. -o-transform: rotate(-15deg);
  342. font-weight:bold;
  343. brightness(100%);
  344. -webkit-filter: brightness(100%);
  345. -moz-filter: brightness(100%);
  346. -o-filter: brightness(100%);
  347. -ms-filter: brightness(100%);}
  348.  
  349. #sidebar:hover #link5 {
  350. margin-left:130px;
  351. margin-top:-100px;
  352. -webkit-transition: all 4.1s ease-in-out;
  353. -moz-transition: all 4.1s ease-in-out;
  354. -o-transition: all 4.1s ease-in-out;
  355. transition: all 4.1s ease-in-out;}
  356. #link5 {
  357. margin-top:-300px;
  358. margin-left:300px;
  359. -webkit-transform: rotate(-5deg);
  360. -moz-transform: rotate(-5deg);
  361. -ms-transform: rotate(-5deg);
  362. -o-transform: rotate(-5deg);
  363. -webkit-transition: all 2.6s ease-in-out;
  364. -moz-transition: all 2.6s ease-in-out;
  365. -o-transition: all 2.6s ease-in-out;
  366. transition: all 2.6s ease-in-out;}
  367. #link5 a {
  368. text-align:center;
  369. display:inline-block;
  370. width:100px;
  371. padding-top:40px;
  372. padding-bottom:40px;
  373. font-family:georgia;
  374. border-radius:50%;
  375. color:{color:Snowflake1 Link};
  376. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  377. background-size:100px;}
  378. #link5 a:hover {
  379. -webkit-transform: rotate(15deg);
  380. -moz-transform: rotate(15deg);
  381. -ms-transform: rotate(15deg);
  382. -o-transform: rotate(15deg);
  383. font-weight:bold;
  384. brightness(120%);
  385. -webkit-filter: brightness(120%);
  386. -moz-filter: brightness(120%);
  387. -o-filter: brightness(120%);
  388. -ms-filter: brightness(120%);}
  389.  
  390. #sidebar:hover #link6 {
  391. margin-left:240px;
  392. margin-top:-50px;
  393. -webkit-transform: rotate(-5deg);
  394. -moz-transform: rotate(-5deg);
  395. -ms-transform: rotate(-5deg);
  396. -o-transform: rotate(-5deg);
  397. -webkit-transition: all 3.6s ease-in-out;
  398. -moz-transition: all 3.6s ease-in-out;
  399. -o-transition: all 3.6s ease-in-out;
  400. transition: all 3.6s ease-in-out;}
  401. #link6 {
  402. margin-top:-200px;
  403. margin-left:-400px;
  404. -webkit-transform: rotate(-5deg);
  405. -moz-transform: rotate(-5deg);
  406. -ms-transform: rotate(-5deg);
  407. -o-transform: rotate(-5deg);
  408. -webkit-transition: all 2.6s ease-in-out;
  409. -moz-transition: all 2.6s ease-in-out;
  410. -o-transition: all 2.6s ease-in-out;
  411. transition: all 2.6s ease-in-out;}
  412. #link6 a {
  413. text-align:center;
  414. display:inline-block;
  415. width:100px;
  416. padding-top:40px;
  417. padding-bottom:40px;
  418. font-family:georgia;
  419. border-radius:50%;
  420. color:{color:Snowflake2 Link};
  421. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  422. background-size:100px;
  423. brightness(90%);
  424. -webkit-filter: brightness(90%);
  425. -moz-filter: brightness(90%);
  426. -o-filter: brightness(90%);
  427. -ms-filter: brightness(90%)}
  428. #link6 a:hover {
  429. -webkit-transform: rotate(15deg);
  430. -moz-transform: rotate(15deg);
  431. -ms-transform: rotate(15deg);
  432. -o-transform: rotate(15deg);
  433. font-weight:bold;
  434. brightness(100%);
  435. -webkit-filter: brightness(100%);
  436. -moz-filter: brightness(100%);
  437. -o-filter: brightness(100%);
  438. -ms-filter: brightness(100%);}
  439.  
  440. #sidebar:hover #link7 {
  441. margin-left:20px;
  442. margin-top:-60px;
  443. -webkit-transition: all 6.6s ease-in-out;
  444. -moz-transition: all 6.6s ease-in-out;
  445. -o-transition: all 6.6s ease-in-out;
  446. transition: all 6.6s ease-in-out;}
  447. #link7 {
  448. margin-left:300px;
  449. margin-top:-700px;
  450. -webkit-transform: rotate(-15deg);
  451. -moz-transform: rotate(-15deg);
  452. -ms-transform: rotate(-15deg);
  453. -o-transform: rotate(-15deg);
  454. -webkit-transition: all 2.6s ease-in-out;
  455. -moz-transition: all 2.6s ease-in-out;
  456. -o-transition: all 2.6s ease-in-out;
  457. transition: all 2.6s ease-in-out;}
  458. #link7 a {
  459. text-align:center;
  460. display:inline-block;
  461. width:100px;
  462. padding-top:40px;
  463. padding-bottom:40px;
  464. font-family:georgia;
  465. border-radius:50%;
  466. color:{color:Snowflake1 Link};
  467. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  468. background-size:100px;}
  469. #link7 a:hover {
  470. -webkit-transform: rotate(5deg);
  471. -moz-transform: rotate(5deg);
  472. -ms-transform: rotate(5deg);
  473. -o-transform: rotate(5deg);
  474. font-weight:bold;
  475. brightness(120%);
  476. -webkit-filter: brightness(120%);
  477. -moz-filter: brightness(120%);
  478. -o-filter: brightness(120%);
  479. -ms-filter: brightness(120%);}
  480.  
  481. #sidebar:hover #link8 {
  482. margin-left:140px;
  483. margin-top:-40px;
  484. -webkit-transition: all 2.9s ease-in-out;
  485. -moz-transition: all 2.9s ease-in-out;
  486. -o-transition: all 2.9s ease-in-out;
  487. transition: all 2.9s ease-in-out;}
  488. #link8 {
  489. margin-left:-340px;
  490. margin-top:-340px;
  491. -webkit-transform: rotate(10deg);
  492. -moz-transform: rotate(10deg);
  493. -ms-transform: rotate(10deg);
  494. -o-transform: rotate(10deg);
  495. -webkit-transition: all 2.6s ease-in-out;
  496. -moz-transition: all 2.6s ease-in-out;
  497. -o-transition: all 2.6s ease-in-out;
  498. transition: all 2.6s ease-in-out;}
  499. #link8 a {
  500. text-align:center;
  501. display:inline-block;
  502. width:100px;
  503. padding-top:40px;
  504. padding-bottom:40px;
  505. font-family:georgia;
  506. border-radius:50%;
  507. color:{color:Snowflake2 Link};
  508. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  509. background-size:100px;
  510. brightness(90%);
  511. -webkit-filter: brightness(90%);
  512. -moz-filter: brightness(90%);
  513. -o-filter: brightness(90%);
  514. -ms-filter: brightness(90%)}
  515. #link8 a:hover {
  516. -webkit-transform: rotate(-15deg);
  517. -moz-transform: rotate(-15deg);
  518. -ms-transform: rotate(-15deg);
  519. -o-transform: rotate(-15deg);
  520. font-weight:bold;
  521. brightness(100%);
  522. -webkit-filter: brightness(100%);
  523. -moz-filter: brightness(100%);
  524. -o-filter: brightness(100%);
  525. -ms-filter: brightness(100%);}
  526.  
  527. #sidebar:hover #link9 {
  528. margin-left:230px;
  529. margin-top:-70px;
  530. -webkit-transition: all 3.9s ease-in-out;
  531. -moz-transition: all 3.9s ease-in-out;
  532. -o-transition: all 3.9s ease-in-out;
  533. transition: all 3.9s ease-in-out}
  534. #link9 {
  535. margin-left:-230px;
  536. margin-top:-300px;
  537. -webkit-transform: rotate(-5deg);
  538. -moz-transform: rotate(-5deg);
  539. -ms-transform: rotate(-5deg);
  540. -o-transform: rotate(-5deg);
  541. -webkit-transition: all 2.6s ease-in-out;
  542. -moz-transition: all 2.6s ease-in-out;
  543. -o-transition: all 2.6s ease-in-out;
  544. transition: all 2.6s ease-in-out}
  545. #link9 a {
  546. text-align:center;
  547. display:inline-block;
  548. width:100px;
  549. padding-top:40px;
  550. padding-bottom:40px;
  551. font-family:georgia;
  552. border-radius:50%;
  553. color:{color:Snowflake1 Link};
  554. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  555. background-size:100px;}
  556. #link9 a:hover {
  557. -webkit-transform: rotate(15deg);
  558. -moz-transform: rotate(15deg);
  559. -ms-transform: rotate(15deg);
  560. -o-transform: rotate(15deg);
  561. font-weight:bold;
  562. brightness(120%);
  563. -webkit-filter: brightness(120%);
  564. -moz-filter: brightness(120%);
  565. -o-filter: brightness(120%);
  566. -ms-filter: brightness(120%);}
  567.  
  568. #sidebar:hover #link10 {
  569. margin-left:80px;
  570. margin-top:10px;
  571. -webkit-transition: all 4.1s ease-in-out;
  572. -moz-transition: all 4.1s ease-in-out;
  573. -o-transition: all 4.1s ease-in-out;
  574. transition: all 4.1s ease-in-out}
  575. #link10 {
  576. margin-top:-500px;
  577. margin-left:300px;
  578. -webkit-transform: rotate(-5deg);
  579. -moz-transform: rotate(-5deg);
  580. -ms-transform: rotate(-5deg);
  581. -o-transform: rotate(-5deg);
  582. -webkit-transition: all 2.6s ease-in-out;
  583. -moz-transition: all 2.6s ease-in-out;
  584. -o-transition: all 2.6s ease-in-out;
  585. transition: all 2.6s ease-in-out}
  586. #link10 a {
  587. text-align:center;
  588. display:inline-block;
  589. width:100px;
  590. padding-top:40px;
  591. padding-bottom:40px;
  592. font-family:georgia;
  593. border-radius:50%;
  594. color:{color:Snowflake2 Link};
  595. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  596. background-size:100px;
  597. brightness(90%);
  598. -webkit-filter: brightness(90%);
  599. -moz-filter: brightness(90%);
  600. -o-filter: brightness(90%);
  601. -ms-filter: brightness(90%)}
  602. #link10 a:hover {
  603. -webkit-transform: rotate(15deg);
  604. -moz-transform: rotate(15deg);
  605. -ms-transform: rotate(15deg);
  606. -o-transform: rotate(15deg);
  607. font-weight:bold;
  608. brightness(100%);
  609. -webkit-filter: brightness(100%);
  610. -moz-filter: brightness(100%);
  611. -o-filter: brightness(100%);
  612. -ms-filter: brightness(100%);}
  613.  
  614. #sidebar:hover #link11 {
  615. margin-left:200px;
  616. margin-top:-100px;
  617. -webkit-transition: all 1.6s ease-in-out;
  618. -moz-transition: all 1.6s ease-in-out;
  619. -o-transition: all 1.6s ease-in-out;
  620. transition: all 1.6s ease-in-out;}
  621. #link11 {
  622. -webkit-transform: rotate(5deg);
  623. -moz-transform: rotate(5deg);
  624. -ms-transform: rotate(5deg);
  625. -o-transform: rotate(5deg);
  626. -webkit-transition: all 2.6s ease-in-out;
  627. -moz-transition: all 2.6s ease-in-out;
  628. -o-transition: all 2.6s ease-in-out;
  629. transition: all 2.6s ease-in-out}
  630. #link11 a {
  631. text-align:center;
  632. display:inline-block;
  633. width:100px;
  634. padding-top:40px;
  635. padding-bottom:40px;
  636. font-family:georgia;
  637. border-radius:50%;
  638. color:{color:Snowflake1 Link};
  639. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  640. background-size:100px;}
  641. #link11 a:hover {
  642. -webkit-transform: rotate(-15deg);
  643. -moz-transform: rotate(-15deg);
  644. -ms-transform: rotate(-15deg);
  645. -o-transform: rotate(-15deg);
  646. font-weight:bold;
  647. brightness(120%);
  648. -webkit-filter: brightness(120%);
  649. -moz-filter: brightness(120%);
  650. -o-filter: brightness(120%);
  651. -ms-filter: brightness(120%);}
  652. {/block:ifNotSpeedUpSnowflakes}
  653.  
  654. {block:ifSpeedUpSnowflakes}
  655. #sidebar:hover #link1 {
  656. margin-left:20px;
  657. margin-top:40px;
  658. -webkit-transition: all 1.5s ease-in-out;
  659. -moz-transition: all 1.5s ease-in-out;
  660. -o-transition: all 1.5s ease-in-out;
  661. transition: all 1.5s ease-in-out;}
  662. #link1 {
  663. margin-top:-100px;
  664. margin-left:300px;
  665. -webkit-transform: rotate(-5deg);
  666. -moz-transform: rotate(-5deg);
  667. -ms-transform: rotate(-5deg);
  668. -o-transform: rotate(-5deg);
  669. -webkit-transition: all 2.6s ease-in-out;
  670. -moz-transition: all 2.6s ease-in-out;
  671. -o-transition: all 2.6s ease-in-out;
  672. transition: all 2.6s ease-in-out;}
  673. #link1 a {
  674. text-align:center;
  675. display:inline-block;
  676. width:100px;
  677. padding-top:40px;
  678. padding-bottom:40px;
  679. font-family:georgia;
  680. border-radius:50%;
  681. color:{color:Snowflake1 Link};
  682. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  683. background-size:100px;}
  684. #link1 a:hover {
  685. -webkit-transform: rotate(15deg);
  686. -moz-transform: rotate(15deg);
  687. -ms-transform: rotate(15deg);
  688. -o-transform: rotate(15deg);
  689. font-weight:bold;
  690. brightness(120%);
  691. -webkit-filter: brightness(120%);
  692. -moz-filter: brightness(120%);
  693. -o-filter: brightness(120%);
  694. -ms-filter: brightness(120%);}
  695.  
  696. #sidebar:hover #link2 {
  697. margin-left:130px;
  698. margin-top:-50px;
  699. -webkit-transition: all 2.5s ease-in-out;
  700. -moz-transition: all 2.5s ease-in-out;
  701. -o-transition: all 2.5s ease-in-out;
  702. transition: all 2.5s ease-in-out;}
  703. #link2 {
  704. margin-top:-300px;
  705. margin-left:-300px;
  706. -webkit-transform: rotate(-5deg);
  707. -moz-transform: rotate(-5deg);
  708. -ms-transform: rotate(-5deg);
  709. -o-transform: rotate(-5deg);
  710. -webkit-transition: all 2.6s ease-in-out;
  711. -moz-transition: all 2.6s ease-in-out;
  712. -o-transition: all 2.6s ease-in-out;
  713. transition: all 2.6s ease-in-out;}
  714. #link2 a {
  715. text-align:center;
  716. display:inline-block;
  717. width:100px;
  718. padding-top:40px;
  719. padding-bottom:40px;
  720. font-family:georgia;
  721. border-radius:50%;
  722. color:{color:Snowflake2 Link};
  723. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  724. background-size:100px;
  725. brightness(90%);
  726. -webkit-filter: brightness(90%);
  727. -moz-filter: brightness(90%);
  728. -o-filter: brightness(90%);
  729. -ms-filter: brightness(90%)}
  730. #link2 a:hover {
  731. -webkit-transform: rotate(15deg);
  732. -moz-transform: rotate(15deg);
  733. -ms-transform: rotate(15deg);
  734. -o-transform: rotate(15deg);
  735. font-weight:bold;
  736. brightness(100%);
  737. -webkit-filter: brightness(100%);
  738. -moz-filter: brightness(100%);
  739. -o-filter: brightness(100%);
  740. -ms-filter: brightness(100%);}
  741.  
  742. #sidebar:hover #link3 {
  743. margin-left:230px;
  744. margin-top:-90px;
  745. -webkit-transition: all 5s ease-in-out;
  746. -moz-transition: all 5s ease-in-out;
  747. -o-transition: all 5s ease-in-out;
  748. transition: all 5s ease-in-out;}
  749. #link3 {
  750. margin-top:-300px;
  751. margin-left:-200px;
  752. -webkit-transform: rotate(10deg);
  753. -moz-transform: rotate(10deg);
  754. -ms-transform: rotate(10deg);
  755. -o-transform: rotate(10deg);
  756. -webkit-transition: all 2.6s ease-in-out;
  757. -moz-transition: all 2.6s ease-in-out;
  758. -o-transition: all 2.6s ease-in-out;
  759. transition: all 2.6s ease-in-out;}
  760. #link3 a {
  761. text-align:center;
  762. display:inline-block;
  763. width:100px;
  764. padding-top:40px;
  765. padding-bottom:40px;
  766. font-family:georgia;
  767. border-radius:50%;
  768. color:{color:Snowflake1 Link};
  769. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  770. background-size:100px;}
  771. #link3 a:hover {
  772. -webkit-transform: rotate(-15deg);
  773. -moz-transform: rotate(-15deg);
  774. -ms-transform: rotate(-15deg);
  775. -o-transform: rotate(-15deg);
  776. font-weight:bold;
  777. brightness(120%);
  778. -webkit-filter: brightness(120%);
  779. -moz-filter: brightness(120%);
  780. -o-filter: brightness(120%);
  781. -ms-filter: brightness(120%);}
  782.  
  783. #sidebar:hover #link4 {
  784. margin-left:30px;
  785. margin-top:20px;
  786. -webkit-transition: all 4s ease-in-out;
  787. -moz-transition: all 4s ease-in-out;
  788. -o-transition: all 4s ease-in-out;
  789. transition: all 4s ease-in-out;}
  790. #link4 {
  791. margin-left:300px;
  792. margin-top:-300px;
  793. -webkit-transform: rotate(10deg);
  794. -moz-transform: rotate(10deg);
  795. -ms-transform: rotate(10deg);
  796. -o-transform: rotate(10deg);
  797. -webkit-transition: all 2.6s ease-in-out;
  798. -moz-transition: all 2.6s ease-in-out;
  799. -o-transition: all 2.6s ease-in-out;
  800. transition: all 2.6s ease-in-out;}
  801. #link4 a {
  802. text-align:center;
  803. display:inline-block;
  804. width:100px;
  805. padding-top:40px;
  806. padding-bottom:40px;
  807. font-family:georgia;
  808. border-radius:50%;
  809. color:{color:Snowflake2 Link};
  810. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  811. background-size:100px;
  812. brightness(90%);
  813. -webkit-filter: brightness(90%);
  814. -moz-filter: brightness(90%);
  815. -o-filter: brightness(90%);
  816. -ms-filter: brightness(90%)}
  817. #link4 a:hover {
  818. -webkit-transform: rotate(-15deg);
  819. -moz-transform: rotate(-15deg);
  820. -ms-transform: rotate(-15deg);
  821. -o-transform: rotate(-15deg);
  822. font-weight:bold;
  823. brightness(100%);
  824. -webkit-filter: brightness(100%);
  825. -moz-filter: brightness(100%);
  826. -o-filter: brightness(100%);
  827. -ms-filter: brightness(100%);}
  828.  
  829. #sidebar:hover #link5 {
  830. margin-left:130px;
  831. margin-top:-120px;
  832. -webkit-transition: all 4.1s ease-in-out;
  833. -moz-transition: all 4.1s ease-in-out;
  834. -o-transition: all 4.1s ease-in-out;
  835. transition: all 4.1s ease-in-out;}
  836. #link5 {
  837. margin-top:-300px;
  838. margin-left:300px;
  839. -webkit-transform: rotate(-5deg);
  840. -moz-transform: rotate(-5deg);
  841. -ms-transform: rotate(-5deg);
  842. -o-transform: rotate(-5deg);
  843. -webkit-transition: all 2.6s ease-in-out;
  844. -moz-transition: all 2.6s ease-in-out;
  845. -o-transition: all 2.6s ease-in-out;
  846. transition: all 2.6s ease-in-out;}
  847. #link5 a {
  848. text-align:center;
  849. display:inline-block;
  850. width:100px;
  851. padding-top:40px;
  852. padding-bottom:40px;
  853. font-family:georgia;
  854. border-radius:50%;
  855. color:{color:Snowflake1 Link};
  856. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  857. background-size:100px;}
  858. #link5 a:hover {
  859. -webkit-transform: rotate(15deg);
  860. -moz-transform: rotate(15deg);
  861. -ms-transform: rotate(15deg);
  862. -o-transform: rotate(15deg);
  863. font-weight:bold;
  864. brightness(120%);
  865. -webkit-filter: brightness(120%);
  866. -moz-filter: brightness(120%);
  867. -o-filter: brightness(120%);
  868. -ms-filter: brightness(120%);}
  869.  
  870. #sidebar:hover #link6 {
  871. margin-left:240px;
  872. margin-top:-50px;
  873. -webkit-transform: rotate(-5deg);
  874. -moz-transform: rotate(-5deg);
  875. -ms-transform: rotate(-5deg);
  876. -o-transform: rotate(-5deg);
  877. -webkit-transition: all 3s ease-in-out;
  878. -moz-transition: all 3s ease-in-out;
  879. -o-transition: all 3s ease-in-out;
  880. transition: all 3s ease-in-out;}
  881. #link6 {
  882. margin-top:-200px;
  883. margin-left:-400px;
  884. -webkit-transform: rotate(-5deg);
  885. -moz-transform: rotate(-5deg);
  886. -ms-transform: rotate(-5deg);
  887. -o-transform: rotate(-5deg);
  888. -webkit-transition: all 2.6s ease-in-out;
  889. -moz-transition: all 2.6s ease-in-out;
  890. -o-transition: all 2.6s ease-in-out;
  891. transition: all 2.6s ease-in-out;}
  892. #link6 a {
  893. text-align:center;
  894. display:inline-block;
  895. width:100px;
  896. padding-top:40px;
  897. padding-bottom:40px;
  898. font-family:georgia;
  899. border-radius:50%;
  900. color:{color:Snowflake2 Link};
  901. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  902. background-size:100px;
  903. brightness(90%);
  904. -webkit-filter: brightness(90%);
  905. -moz-filter: brightness(90%);
  906. -o-filter: brightness(90%);
  907. -ms-filter: brightness(90%)}
  908. #link6 a:hover {
  909. -webkit-transform: rotate(15deg);
  910. -moz-transform: rotate(15deg);
  911. -ms-transform: rotate(15deg);
  912. -o-transform: rotate(15deg);
  913. font-weight:bold;
  914. brightness(100%);
  915. -webkit-filter: brightness(100%);
  916. -moz-filter: brightness(100%);
  917. -o-filter: brightness(100%);
  918. -ms-filter: brightness(100%);}
  919.  
  920. #sidebar:hover #link7 {
  921. margin-left:20px;
  922. margin-top:-60px;
  923. -webkit-transition: all 5.6s ease-in-out;
  924. -moz-transition: all 5.6s ease-in-out;
  925. -o-transition: all 5.6s ease-in-out;
  926. transition: all 5.6s ease-in-out;}
  927. #link7 {
  928. margin-left:300px;
  929. margin-top:-700px;
  930. -webkit-transform: rotate(-15deg);
  931. -moz-transform: rotate(-15deg);
  932. -ms-transform: rotate(-15deg);
  933. -o-transform: rotate(-15deg);
  934. -webkit-transition: all 2.6s ease-in-out;
  935. -moz-transition: all 2.6s ease-in-out;
  936. -o-transition: all 2.6s ease-in-out;
  937. transition: all 2.6s ease-in-out;}
  938. #link7 a {
  939. text-align:center;
  940. display:inline-block;
  941. width:100px;
  942. padding-top:40px;
  943. padding-bottom:40px;
  944. font-family:georgia;
  945. border-radius:50%;
  946. color:{color:Snowflake1 Link};
  947. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  948. background-size:100px;}
  949. #link7 a:hover {
  950. -webkit-transform: rotate(5deg);
  951. -moz-transform: rotate(5deg);
  952. -ms-transform: rotate(5deg);
  953. -o-transform: rotate(5deg);
  954. font-weight:bold;
  955. brightness(120%);
  956. -webkit-filter: brightness(120%);
  957. -moz-filter: brightness(120%);
  958. -o-filter: brightness(120%);
  959. -ms-filter: brightness(120%);}
  960.  
  961. #sidebar:hover #link8 {
  962. margin-left:140px;
  963. margin-top:-40px;
  964. -webkit-transition: all 2.9s ease-in-out;
  965. -moz-transition: all 2.9s ease-in-out;
  966. -o-transition: all 2.9s ease-in-out;
  967. transition: all 2.9s ease-in-out;}
  968. #link8 {
  969. margin-left:-340px;
  970. margin-top:-340px;
  971. -webkit-transform: rotate(10deg);
  972. -moz-transform: rotate(10deg);
  973. -ms-transform: rotate(10deg);
  974. -o-transform: rotate(10deg);
  975. -webkit-transition: all 2.6s ease-in-out;
  976. -moz-transition: all 2.6s ease-in-out;
  977. -o-transition: all 2.6s ease-in-out;
  978. transition: all 2.6s ease-in-out;}
  979. #link8 a {
  980. text-align:center;
  981. display:inline-block;
  982. width:100px;
  983. padding-top:40px;
  984. padding-bottom:40px;
  985. font-family:georgia;
  986. border-radius:50%;
  987. color:{color:Snowflake2 Link};
  988. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  989. background-size:100px;
  990. brightness(90%);
  991. -webkit-filter: brightness(90%);
  992. -moz-filter: brightness(90%);
  993. -o-filter: brightness(90%);
  994. -ms-filter: brightness(90%)}
  995. #link8 a:hover {
  996. -webkit-transform: rotate(-15deg);
  997. -moz-transform: rotate(-15deg);
  998. -ms-transform: rotate(-15deg);
  999. -o-transform: rotate(-15deg);
  1000. font-weight:bold;
  1001. brightness(100%);
  1002. -webkit-filter: brightness(100%);
  1003. -moz-filter: brightness(100%);
  1004. -o-filter: brightness(100%);
  1005. -ms-filter: brightness(100%);}
  1006.  
  1007. #sidebar:hover #link9 {
  1008. margin-left:230px;
  1009. margin-top:-70px;
  1010. -webkit-transition: all 3.4s ease-in-out;
  1011. -moz-transition: all 3.4s ease-in-out;
  1012. -o-transition: all 3.4s ease-in-out;
  1013. transition: all 3.4s ease-in-out}
  1014. #link9 {
  1015. margin-left:-230px;
  1016. margin-top:-300px;
  1017. -webkit-transform: rotate(-5deg);
  1018. -moz-transform: rotate(-5deg);
  1019. -ms-transform: rotate(-5deg);
  1020. -o-transform: rotate(-5deg);
  1021. -webkit-transition: all 2.6s ease-in-out;
  1022. -moz-transition: all 2.6s ease-in-out;
  1023. -o-transition: all 2.6s ease-in-out;
  1024. transition: all 2.6s ease-in-out}
  1025. #link9 a {
  1026. text-align:center;
  1027. display:inline-block;
  1028. width:100px;
  1029. padding-top:40px;
  1030. padding-bottom:40px;
  1031. font-family:georgia;
  1032. border-radius:50%;
  1033. color:{color:Snowflake1 Link};
  1034. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  1035. background-size:100px;}
  1036. #link9 a:hover {
  1037. -webkit-transform: rotate(15deg);
  1038. -moz-transform: rotate(15deg);
  1039. -ms-transform: rotate(15deg);
  1040. -o-transform: rotate(15deg);
  1041. font-weight:bold;
  1042. brightness(120%);
  1043. -webkit-filter: brightness(120%);
  1044. -moz-filter: brightness(120%);
  1045. -o-filter: brightness(120%);
  1046. -ms-filter: brightness(120%);}
  1047.  
  1048. #sidebar:hover #link10 {
  1049. margin-left:80px;
  1050. margin-top:10px;
  1051. -webkit-transition: all 3s ease-in-out;
  1052. -moz-transition: all 3s ease-in-out;
  1053. -o-transition: all 3s ease-in-out;
  1054. transition: all 3s ease-in-out}
  1055. #link10 {
  1056. margin-top:-500px;
  1057. margin-left:300px;
  1058. -webkit-transform: rotate(-5deg);
  1059. -moz-transform: rotate(-5deg);
  1060. -ms-transform: rotate(-5deg);
  1061. -o-transform: rotate(-5deg);
  1062. -webkit-transition: all 2.6s ease-in-out;
  1063. -moz-transition: all 2.6s ease-in-out;
  1064. -o-transition: all 2.6s ease-in-out;
  1065. transition: all 2.6s ease-in-out}
  1066. #link10 a {
  1067. text-align:center;
  1068. display:inline-block;
  1069. width:100px;
  1070. padding-top:40px;
  1071. padding-bottom:40px;
  1072. font-family:georgia;
  1073. border-radius:50%;
  1074. color:{color:Snowflake2 Link};
  1075. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  1076. background-size:100px;
  1077. brightness(90%);
  1078. -webkit-filter: brightness(90%);
  1079. -moz-filter: brightness(90%);
  1080. -o-filter: brightness(90%);
  1081. -ms-filter: brightness(90%)}
  1082. #link10 a:hover {
  1083. -webkit-transform: rotate(15deg);
  1084. -moz-transform: rotate(15deg);
  1085. -ms-transform: rotate(15deg);
  1086. -o-transform: rotate(15deg);
  1087. font-weight:bold;
  1088. brightness(100%);
  1089. -webkit-filter: brightness(100%);
  1090. -moz-filter: brightness(100%);
  1091. -o-filter: brightness(100%);
  1092. -ms-filter: brightness(100%);}
  1093.  
  1094. #sidebar:hover #link11 {
  1095. margin-left:200px;
  1096. margin-top:-100px;
  1097. -webkit-transition: all 1.6s ease-in-out;
  1098. -moz-transition: all 1.6s ease-in-out;
  1099. -o-transition: all 1.6s ease-in-out;
  1100. transition: all 1.6s ease-in-out;}
  1101. #link11 {
  1102. -webkit-transform: rotate(5deg);
  1103. -moz-transform: rotate(5deg);
  1104. -ms-transform: rotate(5deg);
  1105. -o-transform: rotate(5deg);
  1106. -webkit-transition: all 2.6s ease-in-out;
  1107. -moz-transition: all 2.6s ease-in-out;
  1108. -o-transition: all 2.6s ease-in-out;
  1109. transition: all 2.6s ease-in-out}
  1110. #link11 a {
  1111. text-align:center;
  1112. display:inline-block;
  1113. width:100px;
  1114. padding-top:40px;
  1115. padding-bottom:40px;
  1116. font-family:georgia;
  1117. border-radius:50%;
  1118. color:{color:Snowflake1 Link};
  1119. background-image:url('https://media.tumblr.com/061626d38e80258b30fa3840afc9fe46/tumblr_inline_mx5bigFtQ21qk6lff.png');
  1120. background-size:100px;}
  1121. #link11 a:hover {
  1122. -webkit-transform: rotate(-15deg);
  1123. -moz-transform: rotate(-15deg);
  1124. -ms-transform: rotate(-15deg);
  1125. -o-transform: rotate(-15deg);
  1126. font-weight:bold;
  1127. brightness(120%);
  1128. -webkit-filter: brightness(120%);
  1129. -moz-filter: brightness(120%);
  1130. -o-filter: brightness(120%);
  1131. -ms-filter: brightness(120%);}
  1132. {/block:ifSpeedUpSnowflakes}
  1133.  
  1134. #pagination {
  1135. position:fixed;
  1136. margin-top:380px;
  1137. margin-left:342px;
  1138. font-family:Georgia;
  1139. font-size:38px;
  1140. width:128px;
  1141. text-align:center;
  1142. }
  1143.  
  1144. /**POST STUFF**/
  1145.  
  1146. #texttitle {
  1147. text-align:center;
  1148. margin:1px 0px 1px 0px;
  1149. line-height:100%;
  1150. {block:ifNotCursiveFonts}font-family:book antiqua;font-size:18px;margin-bottom:5px;padding-bottom:5px;{/block:ifNotCursiveFonts}
  1151. {block:ifCursiveFonts}font-family:'Cookie';font-size:26px;{/block:ifCursiveFonts}
  1152. }
  1153.  
  1154. #linkposts {
  1155. padding-bottom:10px;
  1156. padding-top:10px;
  1157. font-family:book antiqua;
  1158. font-size:16px;
  1159. border:2px dotted {color:Border};
  1160. }
  1161.  
  1162. #quote {
  1163. font-family:Garamond;
  1164. font-size:16px;
  1165. margin-top:0px;
  1166. margin-bottom:10px;
  1167. }
  1168.  
  1169. #quotesource {
  1170. text-align:right;
  1171. margin:0px 0px 10px 0px;
  1172. {block:IfCursiveFonts}font-family:'Cookie';font-size:22px;{/block:ifCursiveFonts}
  1173. {block:ifNotCursiveFonts}font-family:book antiqua;font-size:14px;{/block:ifNotCursiveFonts}
  1174. }
  1175.  
  1176. #question {
  1177. font-size:13px;
  1178. letter-spacing:1px;
  1179. padding:10px;
  1180. border:2px dotted {color:Border};
  1181. }
  1182. #asker {
  1183. text-align:right;
  1184. font-size:12px;
  1185. letter-spacing:1px;
  1186. padding-bottom:0px;
  1187. margin-top:20px;
  1188. }
  1189. #asker img {
  1190. vertical-align:left;
  1191. float:right;
  1192. margin-left:10px;
  1193. margin-right:10px;
  1194. margin-top:-10px;
  1195. border:1px solid {color:Border};
  1196. }
  1197.  
  1198. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  1199. .album img {width:100px; height:100px}
  1200. .audio {opacity:.6;overflow:hidden;display:block; position:absolute; width:28px; height:30px; margin-top:35px; margin-left:35px;}
  1201. .audiobox {height:100px;z-index:-1; margin-left:100px;}
  1202. .audiotext {text-align:center; padding-top:30px; max-width:300px;overflow:hidden;}
  1203. .pc {padding: 8px 13px;height:13px;float:right;font-size: 12px;text-transform: lowercase;z-index:-1}
  1204.  
  1205. .chat {margin:3px 3px 10px 3px}
  1206. .chat .lines {margin-left:1px;}
  1207. .chat .lines .line {margin-bottom:1px;padding:3px 5px;background-color:rgba({text:1Red},{text:2Green},{text:3Blue},0.3);}
  1208. .chat .lines .line.even{background-color:rgba({text:1Red},{text:2Green},{text:3Blue},0.5);}
  1209.  
  1210. /**Please keep the credit intact**/
  1211.  
  1212. #credit {
  1213. z-index:99999999999;
  1214. font-weight:bold;
  1215. text-align:center;
  1216. font-size:16px;
  1217. font-family:'Montez';
  1218. position:fixed;
  1219. bottom:5px;
  1220. right:5px;
  1221. }
  1222. #credit a {
  1223. display:inline-block;
  1224. height:20px;
  1225. width:20px;
  1226. background-color:rgba({text:1Red},{text:2Green},{text:3Blue},0.8);
  1227. color:{color:body};
  1228. }
  1229. #credit a:hover {
  1230. background-color:{color:body};
  1231. color:rgba({text:1Red},{text:2Green},{text:3Blue},0.8);
  1232. }
  1233.  
  1234. #qTip {
  1235. display:none;
  1236. text-align:center;
  1237. padding:5px;
  1238. position:absolute;
  1239. z-index:1000000;
  1240. background:{color:body};
  1241. color:rgba({text:1Red},{text:2Green},{text:3Blue},0.7);
  1242. }
  1243.  
  1244. /**DO NOT EDIT BELOW THIS**/
  1245.  
  1246. #background {
  1247. position:fixed;
  1248. background: url('https://24.media.tumblr.com/f5fada07bef29b1d00bc68ae5d5de98f/tumblr_mvyc8reUYT1qlliu4o1_500.png') repeat 5% 5%;
  1249. top: 0; left: 0; right: 0; bottom: 0;
  1250. z-index:-1;
  1251. -webkit-animation-name: SNOW;
  1252. -webkit-animation-duration: 80s;
  1253. -webkit-animation-timing-function: linear;
  1254. -webkit-animation-iteration-count: infinite;
  1255. }
  1256.  
  1257. #midground {
  1258. background: url('https://24.media.tumblr.com/f5fada07bef29b1d00bc68ae5d5de98f/tumblr_mvyc8reUYT1qlliu4o1_500.png') repeat 20% 20%;
  1259. position:fixed;
  1260. top: 0; left: 0; right: 0; bottom: 0;
  1261. z-index:-2;
  1262. -webkit-animation-name: SNOW;
  1263. -webkit-animation-duration: 100s;
  1264. -webkit-animation-timing-function: linear;
  1265. -webkit-animation-iteration-count: infinite;
  1266. }
  1267.  
  1268. #foreground {
  1269. background: url('https://31.media.tumblr.com/03f8b2fb92f8101dbf30829d025dd193/tumblr_mvyc8reUYT1qlliu4o3_400.png') repeat 35% 35%;
  1270. position:fixed;
  1271. top: 0; left: 0; right: 0; bottom: 0;
  1272. z-index:-3;
  1273. -webkit-animation-name: SNOW;
  1274. -webkit-animation-duration: 120s;
  1275. -webkit-animation-timing-function: linear;
  1276. -webkit-animation-iteration-count: infinite;
  1277. }
  1278.  
  1279. @-webkit-keyframes SNOW {
  1280. from {background-position: 5% 5%}
  1281. to {background-position: 400% 2000%}
  1282. }
  1283.  
  1284. @keyframes SNOW {
  1285. from {background-position: 5% 5%}
  1286. to {background-position: 400% 2000%}
  1287. }
  1288.  
  1289. @-moz-keyframes SNOW {
  1290. from {background-position: 5% 5%}
  1291. to {background-position: 400% 2000%}
  1292. }
  1293.  
  1294. @-ms-keyframes SNOW {
  1295. from {background-position: 5% 5%}
  1296. to {background-position: 400% 2000%}
  1297. }
  1298.  
  1299. /**End**/
  1300.  
  1301. {CustomCSS}</style>
  1302.  
  1303. <script src="https://static.tumblr.com/ougxdjo/7cPmrvjid/lora.js" type="text/javascript"></script>
  1304. <script src="https://static.tumblr.com/ougxdjo/aqbmvsyq0/enchantinglythemesqtip.js" type="text/javascript"></script>
  1305.  
  1306. <link href='https://fonts.googleapis.com/css?family=Rouge+Script|Montez|Cookie' rel='stylesheet' type='text/css'>
  1307.  
  1308. <script type="text/javascript"
  1309. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1310. <script type="text/javascript" src="https://static.tumblr.com/ougxdjo/M2Smrxha3/pop_up_script1.js"></script>
  1311.  
  1312. <script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  1313.  
  1314. </head>
  1315.  
  1316. <body>
  1317. {block:ifLetItSnow}<div id="background"></div>
  1318. <div id="midground"></div>
  1319. <div id="foreground"></div>{/block:ifLetItSnow}
  1320. <div id="bimage"></div>
  1321.  
  1322. <div id="sidebar">
  1323. <div id="title">{Title}</div>
  1324. <div id="description">{Description}</div>
  1325. <div id="link1"><a href ="/">home</a></div>
  1326. <div id="link2"><a href="/ask">ask</a></div>
  1327. <div id="link3"><a href="/archive">archive</a></div>
  1328. {block:ifLink1}<div id="link4"><a href="{text:Link1URL}">{text:Link1}</a></div>{/block:ifLink1}
  1329. {block:ifLink2}<div id="link5"><a href="{text:Link2URL}">{text:Link2}</a></div>{/block:ifLink2}
  1330. {block:ifLink3}<div id="link6"><a href="{text:Link3URL}">{text:Link3}</a></div>{/block:ifLink3}
  1331. {block:ifLink4}<div id="link7"><a href="{text:Link4URL}">{text:Link4}</a></div>{/block:ifLink4}
  1332. {block:ifLink5}<div id="link8"><a href="{text:Link5URL}">{text:Link5}</a></div>{/block:ifLink5}
  1333. {block:ifLink6}<div id="link9"><a href="{text:Link6URL}">{text:Link6}</a></div>{/block:ifLink6}
  1334. {block:ifLink7}<div id="link10"><a href="{text:Link7URL}">{text:Link7}</a></div>{/block:ifLink7}
  1335. {block:ifLink8}<div id="link11"><a href="{text:Link8URL}">{text:Link8}</a></div>{/block:ifLink8}
  1336. </div> <!--sidebar-->
  1337.  
  1338. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</center></div>
  1339.  
  1340. <div id="entries">
  1341. {block:TagPage}
  1342. <div id="post"><div id="texttitle">Posts tagged "{Tag}"</div></div>
  1343. {/block:TagPage}
  1344. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  1345. {block:Posts}
  1346. <div id="post">
  1347. <!--Text Posts-->
  1348. {block:Text}
  1349. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  1350. {Body}
  1351. {/block:Text}
  1352.  
  1353. <!--Photo Posts-->
  1354. {block:ifNotPosts400}
  1355. {block:Photo}<center>
  1356. {OpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1357. {LinkCloseTag}</center>
  1358. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1359. {/block:ifNotPosts400}
  1360.  
  1361. {block:ifPosts400}
  1362. {block:Photo}<center>
  1363. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  1364. {LinkCloseTag}</center>
  1365. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1366. {/block:ifPosts400}
  1367.  
  1368. <!--Photosets-->
  1369. {block:ifNotPosts400}
  1370. {block:Photoset}<center>
  1371. {Photoset-500}</center>
  1372. {block:Caption}{Caption}{/block:Caption}
  1373. {/block:Photoset}
  1374. {/block:ifNotPosts400}
  1375.  
  1376. {block:ifPosts400}
  1377. {block:Photoset}<center>
  1378. {Photoset-400}</center>
  1379. {block:Caption}{Caption}{/block:Caption}
  1380. {/block:Photoset}
  1381. {/block:ifPosts400}
  1382.  
  1383. <!--Quotes-->
  1384. {block:Quote}
  1385. <div id="quote">“{Quote}”</div>
  1386. <div id="quotesource">{block:Source}- {Source}{/block:Source}</div>
  1387. {/block:Quote}
  1388.  
  1389. <!--Video Posts-->
  1390. {block:ifNotPosts400}
  1391. {block:Video}{Video-500}
  1392. {block:Caption}{Caption}{/block:Caption}
  1393. {/block:Video}
  1394. {/block:ifNotPosts400}
  1395.  
  1396. {block:ifPosts400}
  1397. {block:Video}{Video-400}
  1398. {block:Caption}{Caption}{/block:Caption}
  1399. {/block:Video}
  1400. {/block:ifPosts400}
  1401.  
  1402. <!--Link Posts-->
  1403. {block:Link}
  1404. <div id="linkposts">
  1405. <a href="{URL}" class="link" {Target}>
  1406. <center>{Name} →</center></a><BR>
  1407. <center>
  1408. <small><small>{URL}</small></small>
  1409. </center>
  1410. </div> <!--linkposts-->
  1411. {block:Description}<br>{Description}{/block:Description}
  1412. {/block:Link}
  1413.  
  1414. <!--Chat-->
  1415. {block:Chat}
  1416. {block:Title}<h4>{Title}</h4>{/block:Title}
  1417. <div class="chat">
  1418. <div class="lines">
  1419. {block:Lines}
  1420. <div class="line {Alt}">
  1421. {block:Label}
  1422. <strong>{Label}</strong>{/block:Label} {Line}
  1423. </div> <!--line alt-->
  1424. {/block:Lines}
  1425. </div> <!--lines-->
  1426. </div><!--chat-->
  1427. {/block:Chat}
  1428.  
  1429. <!--Audio Posts -->
  1430. {block:Audio}
  1431. {block:AlbumArt}
  1432. <div class="album"><img src="{AlbumArtURL}"></div>
  1433. {/block:AlbumArt}
  1434.  
  1435. <div class="audio">{AudioPlayerWhite}</div>
  1436. {block:PlayCount}
  1437. <div class="pc">
  1438. {PlayCountWithLabel}
  1439. </div><!--pc-->
  1440. {/block:PlayCount}
  1441.  
  1442. <center><div class="audiobox">
  1443. <div class="audiotext">
  1444. {block:TrackName}
  1445. <i><big><big>"{TrackName}"</big></i>{/block:TrackName}
  1446. {block:Artist}<br>by {Artist}{/block:Artist}</big></center>
  1447. <!--audiotext-->
  1448. <!--audiobox-->
  1449. {block:Caption}{Caption}{/block:Caption}
  1450. {/block:Audio}
  1451.  
  1452. <!--Asks-->
  1453. {block:Answer}
  1454. <div id="question">
  1455. {Question}
  1456. <div id="asker">
  1457. <img src="{AskerPortraitURL-30}">- {Asker}</div><br>
  1458. </div> <!--question-->
  1459. <br>{Answer}
  1460. {/block:Answer}
  1461.  
  1462. {block:Date}
  1463. <div id="info">
  1464. <a href="{Permalink}"><a href="{Permalink}">
  1465. {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} '{ShortYear}
  1466. at {12Hour}.{Minutes}{ampm}</a> |
  1467. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  1468. <div style="text-align:right;margin-top:-14px;">{block:RebloggedFrom} &nbsp;&nbsp;&nbsp;
  1469. <a href="{ReblogParentURL}" title="{ReblogParentName}">
  1470. via </a> {/block:RebloggedFrom}
  1471. {block:Reblog} /
  1472. <a href="{ReblogRootURL}" title="{ReblogRootName}">
  1473. origin</a>{/block:Reblog} |{/block:RebloggedFrom}
  1474. <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  1475. <!--right-->
  1476.  
  1477.  
  1478. {block:HasTags}
  1479. <div style="margin-top:5px;">
  1480. {block:Tags}
  1481. <small>#</small><a href="{TagURL}" target="_blank">{Tag}</a>
  1482. {/block:Tags}
  1483. </div>
  1484. {/block:HasTags}
  1485.  
  1486. </div><!--info-->
  1487. {/block:Date}
  1488.  
  1489. {block:PostNotes}
  1490. <div class="notes">{PostNotes}</div>
  1491. {/block:PostNotes}
  1492. </div><!--post-->
  1493. {/block:Posts}
  1494. </div> <!--entries-->
  1495. <div id="credit"><a href="https://theghostoflove.tumblr.com">E</a></div>
  1496. </div> <!--background-->
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!