bychloethemes

Paradise Theme - by Chloe

Aug 2nd, 2015
360
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 95.22 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <!--
  4. _ _ _
  5. | |__ _ _ ___| |__ | | ___ ___
  6. | '_ \| | | | / __| '_ \| |/ _ \ / _ \
  7. | |_) | |_| | | (__| | | | | (_) | __/
  8. |_.__/ \__, | \___|_| |_|_|\___/ \___|
  9. |___/
  10.  
  11. Paradise Theme by Chloe | @dontbrag | @bychloethemes
  12. Do not delete the credit. Do not claim as your own. Do not copy any ideas or code. Do not redistribute.
  13.  
  14. Started: 30/07/15 - Finished: 03/08/15
  15.  
  16. For html help go to @htmlqueens
  17.  
  18. Other credit:
  19. Paul Irish's Infinite Scroll: http://www.infinite-scroll.com/
  20. Masonry: http://masonry.desandro.com/
  21. Pixel Union Photosets: https://github.com/PixelUnion/Extended-Tumblr-Photoset
  22. Pop ups: http://htmlqueens.tumblr.com/post/67612263371/popup-tutorial-by-hannah
  23. Alternate link layout based on: http://htmlqueens.tumblr.com/post/97759003248/hover-for-links-table-by-costalies by costalies
  24. -->
  25.  
  26. <!---Main Options------------->
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:Banner" content="" />
  29. <meta name="image:Custom Cursor" content="http://i.imgur.com/2qleX.jpg" />
  30. <meta name="image:Custom Cursor Hover" content="http://i.imgur.com/IepP2.jpg" />
  31.  
  32. <meta name="color:Background" content="#fff" />
  33. <meta name="color:Gradient Background 1" content="#fff" />
  34. <meta name="color:Gradient Background 2" content="#55a72f" />
  35. <meta name="color:Title" content="#000" />
  36. <meta name="color:Heading Text" content="#000" />
  37. <meta name="color:Heading Links" content="#55a72f" />
  38. <meta name="color:Body Text" content="#000" />
  39. <meta name="color:Body Links" content="#55a72f" />
  40. <meta name="color:Body Links Hover" content="#000" />
  41. <meta name="color:Selected Text" content="#f00" />
  42. <meta name="color:Selected Text Background" content="#fff" />
  43. <meta name="color:Scrollbar" content="#000" />
  44. <meta name="color:Scrollbar Background" content="#fff" />
  45. <meta name="color:Loading Bar" content="#000" />
  46. <meta name="color:Tooltip Text" content="#fff" />
  47. <meta name="color:Tooltip Background" content="#000" />
  48. <meta name="color:Infinite Scroll Loading" content="#000" />
  49.  
  50. <meta name="font:Body" content='verdana,sans-serif'/>
  51.  
  52. <meta name="select:Other Font 1" content="'Short Stack', cursive" title="Short Stack">
  53. <meta name="select:Other Font 1" content="Consolas" title="Consolas">
  54. <meta name="select:Other Font 1" content="Arial" title="Arial">
  55. <meta name="select:Other Font 1" content="Century Gothic" title="Century Gothic">
  56. <meta name="select:Other Font 1" content="'Abel', sans-serif" title="Abel">
  57. <meta name="select:Other Font 1" content="'Cutive Mono', " title="Cutive Mono">
  58. <meta name="select:Other Font 1" content="'Short Stack', cursive" title="Short Stack">
  59. <meta name="select:Other Font 1" content="'Shadows Into Light', cursive" title="Shadows Into Light">
  60. <meta name="select:Other Font 1" content="'Inconsolata', " title="Inconsolata">
  61.  
  62. <meta name="select:Other Font 2" content="'Raleway', sans-serif" title="Raleway">
  63. <meta name="select:Other Font 2" content="'Indie Flower', cursive" title="Indie Flower">
  64. <meta name="select:Other Font 2" content="'Coming Soon', cursive" title="Coming Soon">
  65. <meta name="select:Other Font 2" content="'Slabo 27px', serif" title="Slabo 27px">
  66. <meta name="select:Other Font 2" content="'Open Sans', sans-serif" title="Open Sans">
  67. <meta name="select:Other Font 2" content="'Delius', cursive" title="Delius">
  68.  
  69. <meta name="if:Other Font 1" content="0" />
  70. <meta name="if:Other Font 2" content="1" />
  71. <meta name="if:Tiled Background" content="1" />
  72. <meta name="if:Gradient Background" content="0" />
  73. <meta name="if:Banner" content="0" />
  74. <meta name="if:Alternate Scrollbar" content="0" />
  75. <meta name="if:Show Description" content="1" />
  76. <meta name="if:Entry Effects" content="1" />
  77. <meta name="if:Scroll To Top Button" content="1" />
  78. <meta name="if:Custom Cursor" content="0" />
  79. <meta name="if:Ask Signoff" content="0" />
  80. <meta name="if:Loading Bar" content="1" />
  81.  
  82. <meta name="select:Font Size" content="12px" title="Small">
  83. <meta name="select:Font Size" content="14px" title="Medium">
  84. <meta name="select:Font Size" content="16px" title="Large">
  85. <meta name="select:Font Size" content="18px" title="Huge">
  86.  
  87. <meta name="text:Link 1" content="" />
  88. <meta name="text:URL 1" content="" />
  89. <meta name="text:Link 1 Tooltip" content="" />
  90. <meta name="text:Link 2" content="" />
  91. <meta name="text:URL 2" content="" />
  92. <meta name="text:Link 2 Tooltip" content="" />
  93. <meta name="text:Link 3" content="" />
  94. <meta name="text:URL 3" content="" />
  95. <meta name="text:Link 3 Tooltip" content="" />
  96.  
  97. <meta name="text:Favicon URL" content="http://" />
  98. <meta name="text:Tab Title" content="" />
  99. <meta name="text:Ask Signoff" content="your name xx" />
  100. <!---End Main Options--------->
  101.  
  102. <!---Post Options------------->
  103. <meta name="color:Post Background" content="#f6f6f6" />
  104. <meta name="color:Post Border" content="#000" />
  105. <meta name="color:Post Accent" content="#55a72f" />
  106. <meta name="color:Secondary Post Accent" content="#cff8bc" />
  107. <meta name="color:Post Borders" content="#000" />
  108. <meta name="color:Inner Image Border" content="#fff" />
  109.  
  110. <meta name="if:Photo Padding" content="0" />
  111. <meta name="if:Post Borders" content="0" />
  112. <meta name="if:Inner Image Border" content="0" />
  113. <meta name="if:Rounded Posts" content="0" />
  114. <!---End Post Options--------->
  115.  
  116. <!---Permalink Options-------->
  117. <meta name="if:Other Permalinks" content="0" />
  118. <meta name="if:Black Permalinks" content="1" />
  119. <meta name="if:Non Photo Permalink Top Border" content="1" />
  120. <!---End Permalinks Options--->
  121.  
  122. <!---Popup Options------------>
  123. <meta name="image:Contact Banner" content="" />
  124. <meta name="image:About Banner" content="" />
  125. <meta name="image:Links Banner" content="" />
  126. <meta name="image:Blogroll Banner" content="" />
  127.  
  128. <meta name="color:Popup Text" content="#000" />
  129. <meta name="color:Popup Border" content="#ffb6c1" />
  130. <meta name="color:Popup Background" content="#fff" />
  131. <meta name="color:Popup Mask" content="#ffb6c1" />
  132. <meta name="color:Gradient Popup Mask 1" content="#fff" />
  133. <meta name="color:Gradient Popup Mask 2" content="#ffb6c1" />
  134. <meta name="color:Faq Question" content="#ffb6c1" />
  135. <meta name="color:Popup Links Background" content="#ffb6c1" />
  136. <meta name="color:Popup Links Borders" content="#ffb6c1" />
  137. <meta name="color:Popup Links Tab Links" content="#000" />
  138. <meta name="color:Popup Blogroll Borders" content="#ffb6c1" />
  139.  
  140. <meta name="select:Popup Entry" content="" title="Normal">
  141. <meta name="select:Popup Entry" content="lefter" title="Slide In Left">
  142. <meta name="select:Popup Entry" content="righter" title="Slide In Right">
  143. <meta name="select:Popup Entry" content="botter" title="Slide In Up">
  144. <meta name="select:Popup Entry" content="topper" title="Slide In Down">
  145. <meta name="select:Popup Entry" content="zoomer" title="Zoom">
  146.  
  147. <meta name="select:See Through Popups" content="0.9" title="Yes">
  148. <meta name="select:See Through Popups" content="1" title="No">
  149.  
  150. <meta name="if:Popups" content="0" />
  151. <meta name="if:Popup Background" content="0" />
  152. <meta name="if:Popup Border" content="1" />
  153. <meta name="if:Gradient Popup Mask" content="0" />
  154. <meta name="if:Popup Banners" content="0" />
  155. <meta name="if:Rounded Popups" content="0" />
  156. <meta name="if:Contact Popup" content="1" />
  157. <meta name="if:Submit In Popup" content="1" />
  158. <meta name="if:Alternate Contact Layout" content="0" />
  159. <meta name="if:I Will Wont" content="0" />
  160. <meta name="if:Links Popup" content="0" />
  161. <meta name="if:Alternate Links Layout" content="0" />
  162. <meta name="if:Alt Links Section 2" content="1" />
  163. <meta name="if:Alt Links Section 3" content="1" />
  164. <meta name="if:Alt Links Section 4" content="1" />
  165. <meta name="if:About Popup" content="0" />
  166. <meta name="if:Blogroll Popup" content="0" />
  167. <meta name="if:Archive Popup" content="0" />
  168.  
  169. <meta name="text:I Will One" content="" />
  170. <meta name="text:I Will Two" content="" />
  171. <meta name="text:I Will Three" content="" />
  172. <meta name="text:I Will Four" content="" />
  173. <meta name="text:I Will Five" content="" />
  174. <meta name="text:I Wont One" content="" />
  175. <meta name="text:I Wont Two" content="" />
  176. <meta name="text:I Wont Three" content="" />
  177. <meta name="text:I Wont Four" content="" />
  178. <meta name="text:I Wont Five" content="" />
  179.  
  180. <meta name="text:Faq Question 1" content="" />
  181. <meta name="text:Faq Answer 1" content="" />
  182. <meta name="text:Faq Question 2" content="" />
  183. <meta name="text:Faq Answer 2" content="" />
  184. <meta name="text:Faq Question 3" content="" />
  185. <meta name="text:Faq Answer 3" content="" />
  186. <meta name="text:Faq Question 4" content="" />
  187. <meta name="text:Faq Answer 4" content="" />
  188. <meta name="text:Faq Question 5" content="" />
  189. <meta name="text:Faq Answer 5" content="" />
  190. <meta name="text:Faq Question 6" content="" />
  191. <meta name="text:Faq Answer 6" content="" />
  192.  
  193. <meta name="text:Popup Link 1" content="" />
  194. <meta name="text:Popup URL 1" content="" />
  195. <meta name="text:Popup Link 2" content="" />
  196. <meta name="text:Popup URL 2" content="" />
  197. <meta name="text:Popup Link 3" content="" />
  198. <meta name="text:Popup URL 3" content="" />
  199. <meta name="text:Popup Link 4" content="" />
  200. <meta name="text:Popup URL 4" content="" />
  201. <meta name="text:Popup Link 5" content="" />
  202. <meta name="text:Popup URL 5" content="" />
  203. <meta name="text:Popup Link 6" content="" />
  204. <meta name="text:Popup URL 6" content="" />
  205. <meta name="text:Popup Link 7" content="" />
  206. <meta name="text:Popup URL 7" content="" />
  207. <meta name="text:Popup Link 8" content="" />
  208. <meta name="text:Popup URL 8" content="" />
  209. <meta name="text:Popup Link 9" content="" />
  210. <meta name="text:Popup URL 9" content="" />
  211.  
  212. <meta name="text:Alt Links Section 1 Title" content="Section 1 Title" />
  213. <meta name="text:Alt Links Link 1a" content="" />
  214. <meta name="text:Alt Links URL 1a" content="" />
  215. <meta name="text:Alt Links Link 1b" content="" />
  216. <meta name="text:Alt Links URL 1b" content="" />
  217. <meta name="text:Alt Links Link 1c" content="" />
  218. <meta name="text:Alt Links URL 1c" content="" />
  219. <meta name="text:Alt Links Link 1d" content="" />
  220. <meta name="text:Alt Links URL 1d" content="" />
  221. <meta name="text:Alt Links Link 1e" content="" />
  222. <meta name="text:Alt Links URL 1e" content="" />
  223.  
  224. <meta name="text:Alt Links Section 2 Title" content="Section 2 Title" />
  225. <meta name="text:Alt Links Link 2a" content="" />
  226. <meta name="text:Alt Links URL 2a" content="" />
  227. <meta name="text:Alt Links Link 2b" content="" />
  228. <meta name="text:Alt Links URL 2b" content="" />
  229. <meta name="text:Alt Links Link 2c" content="" />
  230. <meta name="text:Alt Links URL 2c" content="" />
  231. <meta name="text:Alt Links Link 2d" content="" />
  232. <meta name="text:Alt Links URL 2d" content="" />
  233. <meta name="text:Alt Links Link 2e" content="" />
  234. <meta name="text:Alt Links URL 2e" content="" />
  235.  
  236. <meta name="text:Alt Links Section 3 Title" content="Section 3 Title" />
  237. <meta name="text:Alt Links Link 3a" content="" />
  238. <meta name="text:Alt Links URL 3a" content="" />
  239. <meta name="text:Alt Links Link 3b" content="" />
  240. <meta name="text:Alt Links URL 3b" content="" />
  241. <meta name="text:Alt Links Link 3c" content="" />
  242. <meta name="text:Alt Links URL 3c" content="" />
  243. <meta name="text:Alt Links Link 3d" content="" />
  244. <meta name="text:Alt Links URL 3d" content="" />
  245. <meta name="text:Alt Links Link 3e" content="" />
  246. <meta name="text:Alt Links URL 3e" content="" />
  247.  
  248. <meta name="text:Alt Links Section 4 Title" content="Section 4 Title" />
  249. <meta name="text:Alt Links Link 4a" content="" />
  250. <meta name="text:Alt Links URL 4a" content="" />
  251. <meta name="text:Alt Links Link 4b" content="" />
  252. <meta name="text:Alt Links URL 4b" content="" />
  253. <meta name="text:Alt Links Link 4c" content="" />
  254. <meta name="text:Alt Links URL 4c" content="" />
  255. <meta name="text:Alt Links Link 4d" content="" />
  256. <meta name="text:Alt Links URL 4d" content="" />
  257. <meta name="text:Alt Links Link 4e" content="" />
  258. <meta name="text:Alt Links URL 4e" content="" />
  259.  
  260. <meta name="text:About Popup Content" content="about here" />
  261. <!---End Popup Options-------->
  262.  
  263. <!---Updates Tab Options------>
  264. <meta name="image:Updates Tab" content="" />
  265.  
  266. <meta name="color:Updates Tab Background" content="#fff" />
  267. <meta name="color:Updates Tab Border" content="#000" />
  268. <meta name="color:Updates Tab Heading 1" content="#a2eb80" />
  269. <meta name="color:Updates Tab Heading 2" content="#8ddd69" />
  270. <meta name="color:Updates Tab Heading 3" content="#79cc53" />
  271. <meta name="color:Updates Tab Heading 4" content="#69bd43" />
  272. <meta name="color:Updates Tab Heading 5" content="#55a72f" />
  273. <meta name="color:Updates Tab Heading 6" content="#4c962a"/>
  274. <meta name="color:Updates Tab Links" content="" />
  275. <meta name="color:Updates Tab Hover" content="" />
  276.  
  277. <meta name="select:Updates Tab Position" content="lefting" title="Left">
  278. <meta name="select:Updates Tab Position" content="righting" title="Right">
  279.  
  280. <meta name="if:Updates Tab" content="0" />
  281. <meta name="if:Rounded Updates Tab" content="0" />
  282. <meta name="if:Updates Tab Updates" content="1" />
  283. <meta name="if:Updates Tab Stats" content="1" />
  284. <meta name="if:Updates Tab Currently" content="1" />
  285. <meta name="if:Updates Tab Networks" content="1" />
  286. <meta name="if:Updates Tab Music Player" content="1" />
  287. <meta name="if:Updates Tab Etc" content="1" />
  288. <meta name="if:Search In Updates Tab" content="1" />
  289.  
  290. <meta name="text:Updates" content="" />
  291. <meta name="text:Stats" content="" />
  292. <meta name="text:Currently" content="" />
  293. <meta name="text:Networks" content="" />
  294. <meta name="text:Featured In" content="" />
  295. <meta name="text:Playlist" content="" />
  296. <meta name="text:Etc" content="" />
  297. <!---End Updates Tab Options-->
  298.  
  299. <!---Music Player Options----->
  300. <meta name="text:Song 1 URL" content="" />
  301. <meta name="text:Song 1 Title" content="" />
  302. <meta name="text:Song 2 URL" content="" />
  303. <meta name="text:Song 2 Title" content="" />
  304. <meta name="text:Song 3 URL" content="" />
  305. <meta name="text:Song 3 Title" content="" />
  306. <meta name="text:Song 4 URL" content="" />
  307. <meta name="text:Song 4 Title" content="" />
  308. <meta name="text:Song 5 URL" content="" />
  309. <meta name="text:Song 5 Title" content="" />
  310. <meta name="text:Song 6 URL" content="" />
  311. <meta name="text:Song 6 Title" content="" />
  312. <meta name="text:Song 7 URL" content="" />
  313. <meta name="text:Song 7 Title" content="" />
  314. <meta name="text:Song 8 URL" content="" />
  315. <meta name="text:Song 8 Title" content="" />
  316. <meta name="text:Song 9 URL" content="" />
  317. <meta name="text:Song 9 Title" content="" />
  318. <meta name="text:Song 10 URL" content="" />
  319. <meta name="text:Song 10 Title" content="" />
  320. <!---End MusicPlayer Options-->
  321.  
  322. <meta name="if:Custom Tab Title" content="0" />
  323. <meta name="if:Custom Favicon" content="0" />
  324. <!---->
  325.  
  326. <meta charset="UTF-8" />
  327. {block:IfNotCustomTabTitle}
  328. <title>{Title}</title>
  329. {/block:ifNotCustomTabTitle}
  330. {block:IfCustomTabTitle}
  331. <title>{text:Tab Title}</title>
  332. {/block:IfCustomTabTitle}
  333. {block:IfNotCustomFavicon}
  334. <link rel="shortcut icon" href="{Favicon}">
  335. {/block:IfNotCustomFavicon}
  336. {block:IfCustomFavicon}
  337. <link rel="shortcut icon" href="{text:Favicon URL}">
  338. {/block:IfCustomFavicon}
  339. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  340. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  341. <link href="//static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  342. {block:IfOtherFont1}
  343. <link href='//fonts.googleapis.com/css?family=Short+Stack|Abel|Cutive+Mono|Short+Stack|Shadows+Into+Light|Inconsolata' rel='stylesheet' type='text/css'>
  344. {/block:IfOtherFont1}
  345. {block:IfOtherFont2}
  346. <link href='//fonts.googleapis.com/css?family=Indie+Flower|Raleway|Coming+Soon|Slabo+27px|Open+Sans|Delius' rel='stylesheet' type='text/css'>
  347. {/block:IfOtherFont2}
  348. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'>
  349. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  350. {block:IfAskSignoff}
  351. <link href='//fonts.googleapis.com/css?family=League+Script' rel='stylesheet' type='text/css'>
  352. {/block:IfAskSignOff}
  353. <style type="text/css">
  354. ::-moz-selection {
  355. background: {color:Selected Text Background};
  356. color: {color:Selected Text};
  357. }
  358. ::selection {
  359. background: {color:Selected Text Background};
  360. color: {color:Selected Text};
  361. }
  362. {block:IfNotAlternateScrollbar}
  363. ::-webkit-scrollbar {
  364. {block:IfNotGradientBackground}
  365. background-color: {color:Scrollbar Background};
  366. {/block:IfNotGradientBackground}
  367. {block:IfGradientBackground}
  368. background-image:-o-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1} );
  369. background-image: -moz-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  370. background-image: -webkit-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  371. background-image: -ms-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  372. background-image: linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  373. {/block:IfGradientBackground}
  374. height: 7px;
  375. width: 7px;
  376. }
  377. ::-webkit-scrollbar-thumb {
  378. background-color: {color:Scrollbar};
  379. width: 7px;
  380. height: 7px;
  381. }
  382. {/block:IfNotAlternateScrollbar}
  383. {block:IfAlternateScrollbar}
  384. ::-webkit-scrollbar {
  385. background-color: {color:Scrollbar};
  386. border:3px solid {color:Scrollbar Background};
  387. height: 7px;
  388. width: 7px;
  389. }
  390. ::-webkit-scrollbar-thumb {
  391. background-color: {color:Scrollbar};
  392. border:1px solid {color:Scrollbar Background};
  393. width: 7px;
  394. height: 7px;
  395. }
  396. {/block:IfAlternateScrollbar}
  397. #tumblr_controls{
  398. margin: 0 0 0 0!important;
  399. position: fixed !important;
  400. {block:IfInvertedTumblrControls}
  401. -webkit-filter: invert(100%) ;important;
  402. {/block:IfInvertedTumblrControls}
  403. opacity:1!important;
  404. }
  405. {block:IfCustomCursor}
  406. html, body, a {
  407. cursor:url("{image:Custom Cursor}"), auto !important;
  408. }
  409. a:hover{
  410. cursor:url("{image:Custom Cursor Hover}"), auto !important;
  411. }
  412. {/block:IfCustomCursor}
  413. body {
  414. width: 100%;
  415. height:100%;
  416. background: {color:Background} url('{image:Background}')
  417. {block:IfNotTiledBackground}
  418. no-repeat center center fixed;
  419. -webkit-background-size: cover;
  420. -moz-background-size: cover;
  421. -o-background-size: cover;
  422. background-size: cover;
  423. {/block:IfNotTiledBackground}
  424. {block:IfTiledBackground}
  425. repeat fixed;
  426. {/block:IfTiledBackground}
  427. {block:IfGradientBackground}
  428. background-image:-o-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1} );
  429. background-image: -moz-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  430. background-image: -webkit-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  431. background-image: -ms-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  432. background-image: linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  433. {/block:IfGradientBackground}
  434. {block:IfOtherFont1}
  435. font-family: {select:Other Font 1};
  436. {/block:IfOtherFont1}
  437. {block:IfOtherFont2}
  438. font-family: {select:Other Font 2};
  439. {/block:IfOtherFont2}
  440. {block:IfNotOtherFont1}
  441. {block:IfNotOtherFont2}
  442. font-family: {font:Body};
  443. {/block:IfNotOtherFont2}
  444. {/block:IfNotOtherFont1}
  445. font-size: {select:Font Size};
  446. color:{color:Body Text};
  447. }
  448. a:link, a:visited {
  449. color:{color:Body Links};
  450. text-decoration: none;
  451. }
  452. a:hover, a:active {
  453. color:{color:Body Links Hover};
  454. text-decoration: none;
  455. }
  456. a:focus {
  457. outline: none;
  458. }
  459. blockquote {
  460. border-left: 1px solid {color:Post Accent};
  461. margin: 0 0 0 10px;
  462. padding-left:10px;
  463. }
  464. iframe, img, embed, object, video {
  465. max-width: 100%;
  466. }
  467. img {
  468. height: auto;
  469. width: auto;
  470. vertical-align:middle;
  471. }
  472. h2 {
  473. margin:0px;
  474. }
  475. h1 {
  476. margin:10px 0;
  477. }
  478. /* T O O L T I P S */
  479. #s-m-t-tooltip {
  480. max-width:300px;
  481. padding:3px;
  482. margin:20px 0px 0px 20px;
  483. background: {color:Tooltip Background};
  484. letter-spacing:0px;
  485. text-transform:lowercase;
  486. color:{color:Tooltip Text};
  487. opacity:1;
  488. z-index:999999999999999999;
  489. font-size:12px;
  490. }
  491. /* T O O L T I P S */
  492. .credit {
  493. width:14px;
  494. height:13px;
  495. color: {color:Header Text};
  496. position:fixed;
  497. line-height: 14px;
  498. font-size:12px;
  499. font-family: 'consolas';
  500. text-transform: uppercase;
  501. padding:3px 4px;
  502. overflow: hidden;
  503. z-index:999999999999999999;
  504. bottom:10px;
  505. left:10px;
  506. -webkit-transition: all 0.4s ease-in-out;
  507. -moz-transition: all 0.4s ease-in-out;
  508. -o-transition: all 0.4s ease-in-out;
  509. transition: all 0.4s ease-in-out;
  510. }
  511. .credit:hover {
  512. width:111px;
  513. background:#000;
  514. color:#fff;
  515. -webkit-transition: all 0.5s ease-in-out;
  516. -moz-transition: all 0.5s ease-in-out;
  517. -o-transition: all 0.5s ease-in-out;
  518. transition: all 0.5s ease-in-out;
  519. }
  520. .credit a {
  521. color:#fff;
  522. text-decoration: none;
  523. }
  524. .credit .mine {
  525. opacity:0;
  526. visibility:hidden;
  527. }
  528. .credit:hover .mine {
  529. opacity: 1;
  530. visibility: visible;
  531. -webkit-transition: all 0.5s ease-in-out 0.5s;
  532. -moz-transition: all 0.5s ease-in-out 0.5s;
  533. -o-transition: all 0.5s ease-in-out 0.5s;
  534. transition: all 0.5s ease-in-out 0.5s;
  535. }
  536. #infscr-loading {
  537. position:absolute;
  538. bottom:0;
  539. width:20px;
  540. margin-left:50%;
  541. left:-15px;
  542. color:{color:Infinite Scroll Loading};
  543. }
  544. #infscr-loading img{
  545. display:none;
  546. }
  547. {block:IfLoadingBar}
  548. #nprogress {
  549. pointer-events: none;
  550. }
  551. #nprogress .bar {
  552. background: {color:Loading Bar};
  553. position: fixed;
  554. z-index: 100;
  555. top: 0;
  556. left: 0;
  557. width: 100%;
  558. height: 4px;
  559. }
  560. #nprogress .peg {
  561. display: block;
  562. position: absolute;
  563. right: 0px;
  564. width: 100px;
  565. height: 100%;
  566. box-shadow: 0 0 10px {color:Loading Bar}, 0 0 5px {color:Loading Bar};
  567. opacity: 1.0;
  568. -webkit-transform: rotate(3deg) translate(0px, -4px);
  569. -ms-transform: rotate(3deg) translate(0px, -4px);
  570. transform: rotate(3deg) translate(0px, -4px);
  571. }
  572. {/block:IfLoadingBar}
  573. .header {
  574. width:80%;
  575. margin:0 auto;
  576. text-align:center;
  577. color:{color:Header Text};
  578. }
  579. {block:IfBanner}
  580. #banner {
  581. text-align:center;
  582. margin:20px 0;
  583. {block:IfEntryEffects}
  584. -webkit-animation: fadeInDownMedium 2s ease-out;
  585. -moz-animation: fadeInDownMedium 2s ease-out;
  586. -ms-animation: fadeInDownMedium 2s ease-out;
  587. -o-animation: fadeInDownMedium 2s ease-out;
  588. animation: fadeInDownMedium 2s ease-out;
  589. {/block:IfEntryEffects}
  590. }
  591. #banner img {
  592. width:1524px;
  593. -webkit-transition: all 0.3s ease-in-out;
  594. -moz-transition: all 0.3s ease-in-out;
  595. -o-transition: all 0.3s ease-in-out;
  596. transition: all 0.3s ease-in-out;
  597. }
  598. {/block:IfBanner}
  599. {block:IfNotBanner}
  600. .header h1 {
  601. font-size:3.5em;
  602. {block:IfEntryEffects}
  603. -webkit-animation: fadeInDownMedium 2s ease-out;
  604. -moz-animation: fadeInDownMedium 2s ease-out;
  605. -ms-animation: fadeInDownMedium 2s ease-out;
  606. -o-animation: fadeInDownMedium 2s ease-out;
  607. animation: fadeInDownMedium 2s ease-out;
  608. {/block:IfEntryEffects}
  609. }
  610. .header h1 a {
  611. color:{color:Title};
  612. }
  613. {/block:IfNotBanner}
  614. .header p {
  615. {block:ifEntryEffects}
  616. -webkit-animation: fadeIn 1.5s ease-out;
  617. -moz-animation: fadeIn 1.5s ease-out;
  618. -ms-animation: fadeIn 1.5s ease-out;
  619. -o-animation: fadeIn 1.5s ease-out;
  620. animation: fadeIn 1.5s ease-out;
  621. {/block:IfEntryEffects}
  622. }
  623. ul.navlinks {
  624. padding:0;
  625. list-style-type:none;
  626. font-size:1.5em;
  627. {block:ifEntryEffects}
  628. -webkit-animation: fadeIn 1.5s ease-out;
  629. -moz-animation: fadeIn 1.5s ease-out;
  630. -ms-animation: fadeIn 1.5s ease-out;
  631. -o-animation: fadeIn 1.5s ease-out;
  632. animation: fadeIn 1.5s ease-out;
  633. {/block:IfEntryEffects}
  634. }
  635. ul.navlinks a, ul.mobile-nav a {
  636. color:{color:Header Links};
  637. -webkit-transition: all 0.3s ease-in-out;
  638. -moz-transition: all 0.3s ease-in-out;
  639. -o-transition: all 0.3s ease-in-out;
  640. transition: all 0.3s ease-in-out;
  641. }
  642. ul.navlinks a:hover {
  643. color:{color:Header Links};
  644. letter-spacing:2px;
  645. -webkit-transition: all 0.3s ease-in-out;
  646. -moz-transition: all 0.3s ease-in-out;
  647. -o-transition: all 0.3s ease-in-out;
  648. transition: all 0.3s ease-in-out;
  649. }
  650. ul.navlinks li {
  651. display:inline-block;
  652. margin:0 5px;
  653. }
  654. ul.mobile-nav {
  655. display:none;
  656. }
  657. ul.mobile-nav {
  658. padding:0;
  659. list-style-type:none;
  660. -webkit-animation: fadeIn 1.5s ease-out;
  661. -moz-animation: fadeIn 1.5s ease-out;
  662. -ms-animation: fadeIn 1.5s ease-out;
  663. -o-animation: fadeIn 1.5s ease-out;
  664. animation: fadeIn 1.5s ease-out;
  665. }
  666. ul.mobile-nav li {
  667. display:inline-block;
  668. margin:0 5px;
  669. font-size:1.6em;
  670. }
  671. /*-----post coding-----*/
  672. #tumblrcontent {
  673. padding-top:0px;
  674. {block:IndexPage}
  675. margin:0 auto;
  676. width:1564px;
  677. left:35px;
  678. {/block:IndexPage}
  679. {block:PermalinkPage}
  680. width:530px;
  681. margin:0 auto;
  682. {/block:PermalinkPage}
  683. -webkit-transition: all 0.3s ease-in-out;
  684. -moz-transition: all 0.3s ease-in-out;
  685. -o-transition: all 0.3s ease-in-out;
  686. transition: all 0.3s ease-in-out;
  687. {block:IfEntryEffects}
  688. -webkit-animation: fadeInUpMedium 2s ease-out;
  689. -moz-animation: fadeInUpMedium 2s ease-out;
  690. -ms-animation: fadeInUpMedium 2s ease-out;
  691. -o-animation: fadeInUpMedium 2s ease-out;
  692. animation: fadeInUpMedium 2s ease-out;
  693. {/block:IfEntryEffects}
  694. }
  695. article{block:PermalinkPage}, .details2{/block:PermalinkPage} {
  696. {block:IndexPage}
  697. margin:15px;
  698. {/block:IndexPage}
  699. {block:PermalinkPage}
  700. width: 500px;
  701. margin:20px 0;
  702. padding:15px;
  703. {/block:PermalinkPage}
  704. background: {color:Post Background};
  705. -webkit-transition: all 0.3s ease-in-out;
  706. -moz-transition: all 0.3s ease-in-out;
  707. -o-transition: all 0.3s ease-in-out;
  708. transition: all 0.3s ease-in-out;
  709. overflow:hidden;
  710. {block:IfPostBorders}
  711. border:1px solid {color:Post Borders};
  712. {block:IndexPage}
  713. width:218px;
  714. {/block:IndexPage}
  715. {/block:IfPostBorders}
  716. {block:IfNotPostBorders}
  717. {block:IndexPage}
  718. width:220px;
  719. {/block:IndexPage}
  720. {/block:IfNotPostBorders}
  721. {block:IfRoundedPosts}
  722. border-radius:5px;
  723. {/block:IfRoundedPosts}
  724. }
  725. {block:IfInnerImageBorder}
  726. article img {
  727. outline:1px solid {color:InnerImageBorder};
  728. outline-offset:-10px;
  729. }
  730. {/block:IfInnerImageBorder}
  731. article ul {
  732. padding:0 0 0 20px;
  733. }
  734. {block:IfPhotoPadding}
  735. .photoset, .photo {
  736. padding:10px;
  737. }
  738. {/block:IfPhotoPadding}
  739. .text, .quote, .chat, .link, .answer, .audio {
  740. padding:10px;
  741. }
  742. .answer{
  743. padding-top:1px!important;
  744. }
  745. .post{
  746. padding:0;
  747. margin:0px 0px -2px 0px;
  748. }
  749. h1.post_title {
  750. font-weight:normal;
  751. text-transform:initial;
  752. font-size:20px;
  753. margin-top:0;
  754. }
  755. h1.post_linky {
  756. margin-bottom:0;
  757. }
  758. .chat span {
  759. float: left;
  760. margin-right: 5px;
  761. }
  762. .chat .label {
  763. color:{color:Post Accent};
  764. text-transform:uppercase;
  765. font-weight:bold;
  766. }
  767. .chat ul {
  768. list-style: none;
  769. margin: 0;
  770. padding: 0;
  771. }
  772. .chat li {
  773. padding: 0.5% 2%;
  774. }
  775. .chat .even {
  776. background: {color:Secondary Post Accent};
  777. {block:IfRoundedPosts}
  778. border-radius:5px;
  779. {/block:IfRoundedPosts}
  780. }
  781. .tumblr_audio_player {
  782. height: 30px;
  783. width: 200px;
  784. {block:permalinkpage}
  785. margin-top:14px;
  786. width:500px;
  787. {/block:permalinkpage}
  788. }
  789. .question {
  790. background:{color:Secondary Post Accent};
  791. {block:IfRoundedPosts}
  792. border-radius:5px;
  793. {/block:IfRoundedPosts}
  794. padding:5px;
  795. margin-bottom:5px;
  796. margin-top:10px;
  797. }
  798. .question2 {
  799. background:{color:Secondary Post Accent};
  800. {block:IfRoundedPosts}
  801. border-radius:5px;
  802. {/block:IfRoundedPosts}
  803. padding:5px;
  804. }
  805. .question2 p {
  806. display:inline;
  807. margin:0;
  808. }
  809. #signature {
  810. font-size: 18px;
  811. font-family: 'League Script', cursive;
  812. color: black;
  813. text-align: right;
  814. }
  815. .pagination {
  816. visibility:hidden;
  817. position:fixed;
  818. bottom:0;
  819. left:0;
  820. }
  821. .other_perma {
  822. text-align:right;
  823. font-size:12px;
  824. margin-top:5px;
  825. {block:IfNonPhotoPermalinkTopBorder}
  826. border-top:1px solid {color:Body Text};
  827. {/block:IfNonPhotoPermalinkTopBorder}
  828. padding-top:5px;
  829. line-height:14px;
  830. height:14px;
  831. }
  832. .other_perma a:link,
  833. .other_perma a:visited {
  834. color:{block:IfBlackPermalinks}#000{/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}#fff{/block:IfNotBlackPermalinks}!important;
  835. -webkit-transition: all 0.5s ease-in-out;
  836. -moz-transition: all 0.5s ease-in-out;
  837. -o-transition: all 0.5s ease-in-out;
  838. transition: all 0.5s ease-in-out;
  839. }
  840. .other_perma a:hover,
  841. .other_perma a:active {
  842. color:{block:IfBlackPermalinks}#fff{/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}#000{/block:IfNotBlackPermalinks}!important;
  843. -webkit-transition: all 0.5s ease-in-out;
  844. -moz-transition: all 0.5s ease-in-out;
  845. -o-transition: all 0.5s ease-in-out;
  846. transition: all 0.5s ease-in-out;
  847. }
  848. .other_perma .lefty {
  849. float:left;
  850. font-weight:bold;
  851. }
  852. .other_perma li {
  853. display:inline-block;
  854. padding:2px;
  855. -webkit-transition: all 0.5s ease-in-out;
  856. -moz-transition: all 0.5s ease-in-out;
  857. -o-transition: all 0.5s ease-in-out;
  858. transition: all 0.5s ease-in-out;
  859. }
  860. .other_perma li:hover,
  861. .other_perma li:active {
  862. -webkit-filter: invert(100%);
  863. filter: invert(100%);
  864. -webkit-transition: all 0.5s ease-in-out;
  865. -moz-transition: all 0.5s ease-in-out;
  866. -o-transition: all 0.5s ease-in-out;
  867. transition: all 0.5s ease-in-out;
  868. }
  869. .like_button, .reblog_button {
  870. position:relative;
  871. top:-2px;
  872. }
  873. #notes {
  874. max-height:250px;
  875. overflow:auto;
  876. margin-bottom:60px;
  877. }
  878. #tags a:after {
  879. content:", ";
  880. color:{color:Content Text};
  881. }
  882. #tags a:last-child:after {
  883. content:".";
  884. color:{color:Content Text};
  885. }
  886. ol.notes {
  887. padding: 0px;
  888. list-style-type: none;
  889. }
  890.  
  891. ol.notes li.note {
  892. margin:10px 0px;
  893. padding:0;
  894. text-align:left;
  895. line-height:16px;
  896. width:100%;
  897. border:0;
  898. border-radius:0;
  899. background:transparent;
  900. border-bottom:1px solid {color:Post Accent};
  901. padding-bottom:5px;
  902.  
  903. }
  904. ol.notes li.note:last-child {
  905. border-bottom:0;
  906. }
  907. ol.notes li.note img.avatar {
  908. display:none;
  909. }
  910. ol.notes li.note span.action {
  911. font-weight: normal;
  912. }
  913. ol.notes li.note .answer_content {
  914. font-weight: normal;
  915. }
  916. /*---- end post codes------*/
  917.  
  918. /*------Permalinks-----*/
  919. /* DESKTOP */
  920. {block:IfNotOtherPermalinks}
  921. .permamask {
  922. width:100%;
  923. height:60px;
  924. bottom:-60px;
  925. left:0;
  926. position:absolute;
  927. background:-o-linear-gradient(bottom, {block:IfBlackPermalinks}rgba(255,255,255,0.9){/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}rgba(0,0,0,0.9){/block:IfNotBlackPermalinks}, transparent );
  928. background: -moz-linear-gradient(bottom, {block:IfBlackPermalinks}rgba(255,255,255,0.9){/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}rgba(0,0,0,0.9){/block:IfNotBlackPermalinks}, transparent);
  929. background: -webkit-linear-gradient(bottom, {block:IfBlackPermalinks}rgba(255,255,255,0.9){/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}rgba(0,0,0,0.9){/block:IfNotBlackPermalinks}, transparent);
  930. background: -ms-linear-gradient(bottom, {block:IfBlackPermalinks}rgba(255,255,255,0.9){/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}rgba(0,0,0,0.9){/block:IfNotBlackPermalinks}, transparent);
  931. background: linear-gradient(bottom, {block:IfBlackPermalinks}rgba(255,255,255,0.9){/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}rgba(0,0,0,0.9){/block:IfNotBlackPermalinks}, transparent);
  932. -webkit-transition: all 0.7s ease-in-out;
  933. -moz-transition: all 0.7s ease-in-out;
  934. -o-transition: all 0.7s ease-in-out;
  935. transition: all 0.7s ease-in-out;
  936. }
  937. .photohover:hover .permamask {
  938. bottom:0px;
  939. -webkit-transition: all 0.7s ease-in-out;
  940. -moz-transition: all 0.7s ease-in-out;
  941. -o-transition: all 0.7s ease-in-out;
  942. transition: all 0.7s ease-in-out;
  943. }
  944. .insides {
  945. font-size:19px;
  946. position:absolute;
  947. bottom:12px;
  948. width:130px;
  949. left:16px;
  950. -webkit-transition: all 0.5s ease-in-out;
  951. -moz-transition: all 0.5s ease-in-out;
  952. -o-transition: all 0.5s ease-in-out;
  953. transition: all 0.5s ease-in-out;
  954. }
  955. .lb, .rb, .pb, .sb {
  956. display:inline-block;
  957. position:relative;
  958. bottom:-40px;
  959. -webkit-transition: all 0.4s ease-in-out;
  960. -moz-transition: all 0.4s ease-in-out;
  961. -o-transition: all 0.4s ease-in-out;
  962. transition: all 0.4s ease-in-out;
  963. }
  964. .photohover:hover .lb,
  965. .photohover:hover .rb,
  966. .photohover:hover .pb,
  967. .photohover:hover .sb {
  968. display:inline-block;
  969. position:relative;
  970. bottom:0px;
  971. -webkit-transition: all 0.4s ease-in-out;
  972. -moz-transition: all 0.4s ease-in-out;
  973. -o-transition: all 0.4s ease-in-out;
  974. transition: all 0.4s ease-in-out;
  975. }
  976. .sb {
  977. left:-15px;
  978. -webkit-transition-delay: 0s;
  979. -moz-transition-delay: 0s;
  980. -o-transition-delay: 0s;
  981. transition-delay: 0s;
  982. }
  983. .pb {
  984. position:relative;
  985. left:-5px;
  986. -webkit-transition-delay: 0.1s;
  987. -moz-transition-delay: 0.1s;
  988. -o-transition-delay: 0.1s;
  989. transition-delay: 0.1s;
  990. }
  991. .rb {
  992. -webkit-transition-delay: 0.2s;
  993. -moz-transition-delay: 0.2s;
  994. -o-transition-delay: 0.2s;
  995. transition-delay: 0.2s;
  996. }
  997. .lb {
  998. -webkit-transition-delay: 0.3s;
  999. -moz-transition-delay: 0.3s;
  1000. -o-transition-delay: 0.3s;
  1001. transition-delay: 0.3s;
  1002. }
  1003. .photohover:hover .lb {
  1004. -webkit-transition-delay: 0s;
  1005. -moz-transition-delay: 0s;
  1006. -o-transition-delay: 0s;
  1007. transition-delay: 0s;
  1008. }
  1009. .photohover:hover .rb {
  1010. -webkit-transition-delay: 0.1s;
  1011. -moz-transition-delay: 0.1s;
  1012. -o-transition-delay: 0.1s;
  1013. transition-delay: 0.1s;
  1014. }
  1015. .photohover:hover .pb {
  1016. bottom:4px;
  1017. -webkit-transition-delay: 0.2s;
  1018. -moz-transition-delay: 0.2s;
  1019. -o-transition-delay: 0.2s;
  1020. transition-delay: 0.2s;
  1021. }
  1022. .photohover:hover .sb {
  1023. bottom:2px;
  1024. -webkit-transition-delay: 0.3s;
  1025. -moz-transition-delay: 0.3s;
  1026. -o-transition-delay: 0.3s;
  1027. transition-delay: 0.3s;
  1028. }
  1029. {/block:IfNotOtherPermalinks}
  1030. {block:IfOtherPermalinks}
  1031. .permamask {
  1032. background:{block:IfBlackPermalinks}rgba(255,255,255,0.5){/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}rgba(0,0,0,0.5){/block:IfNotBlackPermalinks};
  1033. width:80px;
  1034. height:80px;
  1035. border-radius:50%;
  1036. opacity:0;
  1037. visibility:hidden;
  1038. z-index:999;
  1039. position:absolute;
  1040. left:0;
  1041. top:0;
  1042. bottom:0;
  1043. right:0;
  1044. margin:auto;
  1045. overflow:hidden;
  1046. -webkit-transition: all 0.5s ease-in-out;
  1047. -moz-transition: all 0.5s ease-in-out;
  1048. -o-transition: all 0.5s ease-in-out;
  1049. transition: all 0.5s ease-in-out;
  1050. -webkit-transform: translate(-200%, 0);
  1051. -moz-transform: translate(-200%, 0);
  1052. -ms-transform: translate(-200%, 0);
  1053. -o-transform: translate(-200%, 0);
  1054. transform: translate(-200%, 0);
  1055. }
  1056. .photohover:hover .permamask {
  1057. opacity:1;
  1058. visibility:visible;
  1059. -webkit-transition: all 0.5s ease-in-out;
  1060. -moz-transition: all 0.5s ease-in-out;
  1061. -o-transition: all 0.5s ease-in-out;
  1062. transition: all 0.5s ease-in-out;
  1063. -webkit-transform: translate(0, 0);
  1064. -moz-transform: translate(0, 0);
  1065. -ms-transform: translate(0, 0);
  1066. -o-transform: translate(0, 0);
  1067. transform: translate(0, 0);
  1068.  
  1069. }
  1070. .permainfo {
  1071. text-align:center;
  1072. font-size:20px;
  1073. width:80%;
  1074. height:48px;
  1075. opacity:0;
  1076. visibility:hidden;
  1077. z-index:999;
  1078. position:absolute;
  1079. left:0;
  1080. top:0;
  1081. bottom:0;
  1082. right:0;
  1083. margin:auto;
  1084. overflow:hidden;
  1085. -webkit-transition: all 0.5s ease-in-out;
  1086. -moz-transition: all 0.5s ease-in-out;
  1087. -o-transition: all 0.5s ease-in-out;
  1088. transition: all 0.5s ease-in-out;
  1089. }
  1090. .photohover:hover .permainfo{
  1091. opacity:1;
  1092. visibility:visible;
  1093. -webkit-transition: all 0.5s ease-in-out;
  1094. -moz-transition: all 0.5s ease-in-out;
  1095. -o-transition: all 0.5s ease-in-out;
  1096. transition: all 0.5s ease-in-out;
  1097. }
  1098. .permainfo .insides {
  1099. -webkit-transform: translate(100%, 0);
  1100. -moz-transform: translate(100%, 0);
  1101. -ms-transform: translate(100%, 0);
  1102. -o-transform: translate(100%, 0);
  1103. transform: translate(100%, 0);
  1104. -webkit-transition: all 0.5s ease-in-out;
  1105. -moz-transition: all 0.5s ease-in-out;
  1106. -o-transition: all 0.5s ease-in-out;
  1107. transition: all 0.5s ease-in-out;
  1108. }
  1109. .photohover:hover .permainfo .insides {
  1110. -webkit-transform: translate(0, 0);
  1111. -moz-transform: translate(0, 0);
  1112. -ms-transform: translate(0, 0);
  1113. -o-transform: translate(0, 0);
  1114. transform: translate(0, 0);
  1115. -webkit-transition: all 0.5s ease-in-out;
  1116. -moz-transition: all 0.5s ease-in-out;
  1117. -o-transition: all 0.5s ease-in-out;
  1118. transition: all 0.5s ease-in-out;
  1119. }
  1120. .permainfo .insides .lb {
  1121. position:absolute;
  1122. left:95px;
  1123. z-index:999;
  1124. -webkit-transition: all 0.5s ease-in-out;
  1125. -moz-transition: all 0.5s ease-in-out;
  1126. -o-transition: all 0.5s ease-in-out;
  1127. transition: all 0.5s ease-in-out;
  1128. }
  1129. .permainfo .insides .rb {
  1130. position:absolute;
  1131. right:95px;
  1132. z-index:999;
  1133. -webkit-transition: all 0.5s ease-in-out;
  1134. -moz-transition: all 0.5s ease-in-out;
  1135. -o-transition: all 0.5s ease-in-out;
  1136. transition: all 0.5s ease-in-out;
  1137. }
  1138. .permainfo .insides .pb {
  1139. position:absolute;
  1140. left:90px;
  1141. top:25px;
  1142. -webkit-transition: all 0.5s ease-in-out;
  1143. -moz-transition: all 0.5s ease-in-out;
  1144. -o-transition: all 0.5s ease-in-out;
  1145. transition: all 0.5s ease-in-out;
  1146. }
  1147. .permainfo .insides .sb {
  1148. position:absolute;
  1149. right:90px;
  1150. top:28px;
  1151. -webkit-transition: all 0.5s ease-in-out;
  1152. -moz-transition: all 0.5s ease-in-out;
  1153. -o-transition: all 0.5s ease-in-out;
  1154. transition: all 0.5s ease-in-out;
  1155. }
  1156. {/block:IfOtherPermalinks}
  1157. .insides a:link, .insides a:visited {
  1158. color:{block:IfBlackPermalinks}#000{/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}#fff{/block:IfNotBlackPermalinks}!important;
  1159. text-decoration:none;
  1160. -webkit-transition: all 0.5s ease-in-out;
  1161. -moz-transition: all 0.5s ease-in-out;
  1162. -o-transition: all 0.5s ease-in-out;
  1163. transition: all 0.5s ease-in-out;
  1164. }
  1165. .insides a:hover, .insides a:active {
  1166. color:{block:IfBlackPermalinks}#fff{/block:IfBlackPermalinks}{block:IfNotBlackPermalinks}#000{/block:IfNotBlackPermalinks}!important;
  1167. -webkit-transition: all 0.5s ease-in-out;
  1168. -moz-transition: all 0.5s ease-in-out;
  1169. -o-transition: all 0.5s ease-in-out;
  1170. transition: all 0.5s ease-in-out;
  1171. }
  1172.  
  1173. .lb:hover, .lb.active,
  1174. .rb:hover, .rb.active{
  1175. opacity: 1;
  1176. -webkit-filter: invert(100%);
  1177. filter: invert(100%);
  1178. -webkit-transition: all 0.5s ease-in-out;
  1179. -moz-transition: all 0.5s ease-in-out;
  1180. -o-transition: all 0.5s ease-in-out;
  1181. transition: all 0.5s ease-in-out;
  1182. }
  1183. .lbt, .rbt {
  1184. display:none;
  1185. }
  1186. .alert {
  1187. display:none;
  1188. margin:0;
  1189. padding:0;
  1190. width:0;
  1191. border:0;
  1192. box-shadow:0 0;
  1193. }
  1194. .page1{
  1195. display:block;
  1196. {block:IfNotPostBorders}
  1197. width:220px;
  1198. {/block:IfNotPostBorders}
  1199. text-align:center;
  1200. margin:15px;
  1201. background:{color:Post Background};
  1202. {block:IfPostBorders}
  1203. border: 1px solid {color:Post Borders};
  1204. width:198px;
  1205. {/block:ifPostBorders}
  1206. {block:IfRoundedPosts}
  1207. border-radius:5px;
  1208. {/block:IfRoundedPosts}
  1209. }
  1210. /*-----Animations----*/
  1211. @-webkit-keyframes fadeInDownMedium {
  1212. 0% {
  1213. opacity: 0;
  1214. -webkit-transform: translateY(-1000px);
  1215. }
  1216. 100% {
  1217. opacity: 1;
  1218. -webkit-transform: translateY(0);
  1219. }
  1220. }
  1221. @-moz-keyframes fadeInDownMedium {
  1222. 0% {
  1223. opacity: 0;
  1224. -moz-transform: translateY(-1000px);
  1225. }
  1226. 100% {
  1227. opacity: 1;
  1228. -moz-transform: translateY(0);
  1229. }
  1230. }
  1231. @keyframes fadeInDownMedium {
  1232. 0% {
  1233. opacity: 0;
  1234. transform: translateY(-1000px);
  1235. }
  1236. 100% {
  1237. opacity: 1;
  1238. transform: translateY(0);
  1239. }
  1240. }
  1241. @-webkit-keyframes fadeInUpMedium {
  1242. 0% {
  1243. opacity: 0;
  1244. -webkit-transform: translateY(1000px);
  1245. }
  1246. 100% {
  1247. opacity: 1;
  1248. -webkit-transform: translateY(0);
  1249. }
  1250. }
  1251. @-moz-keyframes fadeInUpMedium {
  1252. 0% {
  1253. opacity: 0;
  1254. -moz-transform: translateY(1000px);
  1255. }
  1256. 100% {
  1257. opacity: 1;
  1258. -moz-transform: translateY(0);
  1259. }
  1260. }
  1261. @keyframes fadeInUpMedium {
  1262. 0% {
  1263. opacity: 0;
  1264. transform: translateY(1000px);
  1265. }
  1266. 100% {
  1267. opacity: 1;
  1268. transform: translateY(0);
  1269. }
  1270. }
  1271. @-webkit-keyframes fadeIn {
  1272. 0% {opacity: 0;}
  1273. 100% {opacity: 1;}
  1274. }
  1275. @-moz-keyframes fadeIn {
  1276. 0% {opacity: 0;}
  1277. 100% {opacity: 1;}
  1278. }
  1279. @keyframes fadeIn {
  1280. 0% {opacity: 0;}
  1281. 100% {opacity: 1;}
  1282. }
  1283. @-webkit-keyframes fadeInRightBig {
  1284. 0% {-webkit-transform: translateX(-2000px);}
  1285. 100% {-webkit-transform: translateX(0);}
  1286. }
  1287. @-moz-keyframes fadeInRightBig {
  1288. 0% {-moz-transform: translateX(-2000px);}
  1289. 100% {-moz-transform: translateX(0);}
  1290. }
  1291. @keyframes fadeInRightBig {
  1292. 0% {transform: translateX(-2000px);}
  1293. 100% {transform: translateX(0);}
  1294. }
  1295. @-webkit-keyframes fadeInLeftBig {
  1296. 0% {-webkit-transform: translateX(2000px);}
  1297. 100% {-webkit-transform: translateX(0);}
  1298. }
  1299. @-moz-keyframes fadeInLeftBig {
  1300. 0% {-moz-transform: translateX(2000px);}
  1301. 100% {-moz-transform: translateX(0);}
  1302. }
  1303. @keyframes fadeInLeftBig {
  1304. 0% {transform: translateX(2000px);}
  1305. 100% {transform: translateX(0);}
  1306. }
  1307. @-webkit-keyframes zoomIn {
  1308. 0% {-webkit-transform:scale(0);}
  1309. 100% {-webkit-transform:scale(1);}
  1310. }
  1311. @-moz-keyframes zoomIn {
  1312. 0% {-moz-transform:scale(0);}
  1313. 100% {-moz-transform:scale(1);}
  1314. }
  1315. @keyframes zoomIn {
  1316. 0% {transform:scale(0);}
  1317. 100% {transform:scale(1);}
  1318. }
  1319. @-webkit-keyframes twirlRound {
  1320. 0% { -webkit-transform: rotate(0deg); }
  1321. 100% { -webkit-transform: rotate(360deg); }
  1322. }
  1323. @-moz-keyframes twirlRound {
  1324. 0% { -moz-transform: rotate(0deg); }
  1325. 100% { -moz-transform: rotate(360deg); }
  1326. }
  1327. @keyframes twirlRound {
  1328. 0% { transform: rotate(0deg); }
  1329. 100% { transform: rotate(360deg); }
  1330. }
  1331. /*------Animations-----*/
  1332. #fade {
  1333. display: none;
  1334. {block:IfPopupBackground}
  1335. background:{color:Popup Mask};
  1336. {/block:IfPopupBackground}
  1337. position: fixed;
  1338. left: 0;
  1339. top: 0;
  1340. width: 100%;
  1341. height: 100%;
  1342. opacity: .80;
  1343. z-index: 999999999;
  1344. {block:IfGradientPopupMask}
  1345. background-image:-o-linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1} );
  1346. background-image: -moz-linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1});
  1347. background-image: -webkit-linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1});
  1348. background-image: -ms-linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1});
  1349. background-image: linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1});
  1350. {/block:IfGradientPopupMask}
  1351. }
  1352. .popup_block{
  1353. color:{color:Popup Text};
  1354. display: none;
  1355. background: rgba({RGBcolor:Popup Background},{select:See Through Popups});
  1356. padding: 10px;
  1357. {block:IfPopupBorder}
  1358. border: 1px solid {color:Popup Border};
  1359. {/block:ifPopupBorder}
  1360. float: left;
  1361. font-size: 12px;
  1362. position: fixed;
  1363. top: 50%; left: 50%;
  1364. z-index: 9999999999;
  1365. overflow-y:auto;
  1366. overflow-x:hidden;
  1367. {block:IfRoundedPopups}
  1368. border-radius:5px;
  1369. {/block:IfRoundedPopups}
  1370. }
  1371. img.btn_close {
  1372. float: right;
  1373. margin: -5px -5px 0 0;
  1374. width:12px;
  1375. }
  1376. *html #fade {
  1377. position: absolute;
  1378. }
  1379. *html .popup_block {
  1380. position: absolute;
  1381. }
  1382. .lefter {
  1383. -webkit-animation: fadeInRightBig 1.5s;
  1384. -moz-animation: fadeInRightBig 1.5s;
  1385. -ms-animation: fadeInRightBig 1.5s;
  1386. -o-animation: fadeInRightBig 1.5s;
  1387. animation: fadeInRightBig 1.5s;
  1388. }
  1389. .righter {
  1390. -webkit-animation: fadeInLeftBig 1.5s;
  1391. -moz-animation: fadeInLeftBig 1.5s;
  1392. -ms-animation: fadeInLeftBig 1.5s;
  1393. -o-animation: fadeInLeftBig 1.5s;
  1394. animation: fadeInLeftBig 1.5s;
  1395. }
  1396. .botter {
  1397. -webkit-animation: fadeInDown 1.5s;
  1398. -moz-animation: fadeInDown 1.5s;
  1399. -ms-animation: fadeInDown 1.5s;
  1400. -o-animation: fadeInDown 1.5s;
  1401. animation: fadeInDown 1.5s;
  1402. }
  1403. .topper {
  1404. -webkit-animation: fadeInUp 1.5s;
  1405. -moz-animation: fadeInUp 1.5s;
  1406. -ms-animation: fadeInUp 1.5s;
  1407. -o-animation: fadeInUp 1.5s;
  1408. animation: fadeInUp 1.5s;
  1409. }
  1410. .zoomer {
  1411. -webkit-animation: zoomIn 1.5s;
  1412. -moz-animation: zoomIn 1.5s;
  1413. -ms-animation: zoomIn 1.5s;
  1414. -o-animation: zoomIn 1.5s;
  1415. animation: zoomIn 1.5s;
  1416. }
  1417. {block:IfContactPopup}
  1418. table.contact {
  1419. table-layout: fixed;
  1420. width: 700px;
  1421. {block:IfNotAlternateContactLayout}
  1422. height:500px;
  1423. {/block:IfNotAlternateContactLayout}
  1424. }
  1425. table.contact td {
  1426. vertical-align:top;
  1427. }
  1428. .tableinnards {
  1429. {block:IfNotAlternateContactLayout}
  1430. height:490px;
  1431. {/block:IfNotAlternateContactLayout}
  1432. overflow:auto;
  1433. padding:0 10px;
  1434. }
  1435. ul.dodont {
  1436. padding:0 0 0 15px;
  1437. list-style-type:none;
  1438. font-size:14px;
  1439. text-indent:-"0px;
  1440. padding-left:20px;
  1441. }
  1442. ul.dodont li:before {
  1443. content:"✔";
  1444. margin-right:7px;
  1445. color:{color:Faq Question};
  1446. }
  1447. ul.dodont2 {
  1448. padding:0 0 0 15px;
  1449. list-style-type:none;
  1450. font-size:14px;
  1451. text-indent:-20px;
  1452. padding-left:20px;
  1453. }
  1454. ul.dodont2 li:before {
  1455. content:"✘";
  1456. margin-right:7px;
  1457. color:{color:Faq Question};
  1458. }
  1459. ul.faqu {
  1460. padding:0;
  1461. list-style-type:none;
  1462. }
  1463. ul.faqu h3 {
  1464. font-size:1.2em;
  1465. color:{color:Faq Question};
  1466. }
  1467. {/block:IfContactPopup}
  1468. {block:IfLinksPopup}
  1469. {/block:IfNotAlternateLinksLayout}
  1470. ul.linkylous {
  1471. list-style-type:none;
  1472. padding:0;
  1473. text-align:center;
  1474. }
  1475. ul.linkylous li {
  1476. width:150px;
  1477. padding:10px;
  1478. display:inline-block;
  1479. border:1px solid {color:Popup Links Borders};
  1480. margin:10px;
  1481. -webkit-transition: all 0.7s ease-out;
  1482. -moz-transition: all 0.7s ease-out;
  1483. -o-transition: all 0.7s ease-out;
  1484. transition: all 0.7s ease-out;
  1485. }
  1486. ul.linkylous li:hover {
  1487. box-shadow:inset 180px 0 0 {color:Popup Links Background};
  1488. -webkit-transition: all 0.7s ease-out;
  1489. -moz-transition: all 0.7s ease-out;
  1490. -o-transition: all 0.7s ease-out;
  1491. transition: all 0.7s ease-out;
  1492. }
  1493. ul.linkylous a {
  1494. color:{color:Popup Links Tab Links};
  1495. }
  1496. {/block:IfNotAlternateLinksLayout}
  1497. {block:IfAlternateLinksLayout}
  1498. .rollies {
  1499. margin:5px;
  1500. text-align: center;
  1501. width: 428px;
  1502. height: 40px;
  1503. overflow: hidden;
  1504. border:1px solid {color:Popup Links Borders};
  1505. padding: 5px;
  1506. display:block;
  1507. }
  1508. .rollies h1 {
  1509. margin:0;
  1510. padding:0;
  1511. line-height:40px;
  1512. }
  1513. .negative {
  1514. opacity:1;
  1515. max-height:40px;
  1516. -webkit-transition: all 0.7s ease-out;
  1517. -moz-transition: all 0.7s ease-out;
  1518. -o-transition: all 0.7s ease-out;
  1519. transition: all 0.7s ease-out;
  1520. }
  1521.  
  1522. .rollies:hover .negative {
  1523. margin-top:-40px;
  1524. opacity:0;
  1525. -webkit-transition: all 0.7s ease-out;
  1526. -moz-transition: all 0.7s ease-out;
  1527. -o-transition: all 0.7s ease-out;
  1528. transition: all 0.7s ease-out;
  1529. }
  1530.  
  1531. .positive {
  1532. margin-top: 0px;
  1533. opacity: 0;
  1534. max-height:40px;
  1535. line-height:40px;
  1536. font-size:1.2em;
  1537. -webkit-transition: all 0.7s ease-out;
  1538. -moz-transition: all 0.7s ease-out;
  1539. -o-transition: all 0.7s ease-out;
  1540. transition: all 0.7s ease-out;
  1541. }
  1542.  
  1543. .rollies:hover .positive {
  1544. opacity: 1;
  1545. -webkit-transition: all 0.7s ease-out;
  1546. -moz-transition: all 0.7s ease-out;
  1547. -o-transition: all 0.7s ease-out;
  1548. transition: all 0.7s ease-out;
  1549. }
  1550. {/block:IfAlternateLinksLayout}
  1551. {/block:IfLinksPopup}
  1552. {block:IfBlogrollPopup}
  1553. ul.blogroll {
  1554. padding:0;
  1555. text-align:center;
  1556. max-height:500px;
  1557. overflow-y:auto;
  1558. }
  1559. ul.blogroll li {
  1560. display:inline-block;
  1561. }
  1562. ul.blogroll li img {
  1563. overflow:hidden;
  1564. margin:5px;
  1565. border:2px solid {color:Popup Blogroll Borders};
  1566. -webkit-transition: all 0.5s ease-in-out;
  1567. -moz-transition: all 0.5s ease-in-out;
  1568. -o-transition: all 0.5s ease-in-out;
  1569. transition: all 0.5s ease-in-out;
  1570. }
  1571. ul.blogroll li img:hover {
  1572. border-radius:100%;
  1573. -webkit-transition: all 0.5s ease-in-out;
  1574. -moz-transition: all 0.5s ease-in-out;
  1575. -o-transition: all 0.5s ease-in-out;
  1576. transition: all 0.5s ease-in-out;
  1577. }
  1578. {/block:IfBlogrollPopup}
  1579. {block:IfPopUpBanners}
  1580. img.popup-banner {
  1581. text-align:center;
  1582. width:420px;
  1583. margin-left:50%;
  1584. left:-210px;
  1585. position:relative;
  1586. }
  1587. {/block:IfPopupBanners}
  1588. {/block:IfPopups}
  1589. {block:IfUpdatesTab}
  1590. #elevate {
  1591. width:80px;
  1592. height:80px;
  1593. position:fixed;
  1594. top:15px;
  1595. z-index:999999;
  1596. border-radius:100%;
  1597. color:{color:Updates Tab Text};
  1598. }
  1599. #elevate a:link,
  1600. #elevate a:visited {
  1601. color:{color:Updates Tab Links};
  1602. }
  1603. #elevate a:hover {
  1604. color:{color:Updates Tab Links Hover};
  1605. }
  1606. .lefting {
  1607. left:15px;
  1608. }
  1609. .righting {
  1610. right:15px;
  1611. }
  1612. #tabby {
  1613. border-radius:100%;
  1614. background:{color:Updates Tab Background};
  1615. border:1px solid {color:Updates Tab Border};
  1616. width:80px;
  1617. height:80px;
  1618. overflow:hidden;
  1619. position:fixed;
  1620. top:15px;
  1621. }
  1622. .lefting #tabby {
  1623. left:15px;
  1624. }
  1625. .righting #tabby {
  1626. right:15px;
  1627. }
  1628. #tabby img {
  1629. height:80px;
  1630. }
  1631. #elevate:hover #tabby{
  1632. -webkit-animation: twirlRound 1.5s;
  1633. -moz-animation: twirlRound 1.5s;
  1634. -ms-animation: twirlRound 1.5s;
  1635. -o-animation: twirlRound 1.5s;
  1636. animation: twirlRound 1.5s;
  1637. }
  1638. #tabinnards {
  1639. width:250px;
  1640. height:600px;
  1641. overflow-y:auto;
  1642. position:absolute;
  1643. top:1500px;
  1644. z-index:999999;
  1645. background:{color:Updates Tab Background};
  1646. border:1px solid {color:Updates Tab Border};
  1647. padding:10px;
  1648. -webkit-transition: all 1s ease-in-out;
  1649. -moz-transition: all 1s ease-in-out;
  1650. -o-transition: all 1s ease-in-out;
  1651. transition: all 1s ease-in-out;
  1652. {block:IfRoundedUpdatesTab}
  1653. border-radius:5px;
  1654. {/block:IfRoundedUpdatesTab}
  1655. }
  1656. .lefting #tabinnards {
  1657. left:40px;
  1658. }
  1659. .righting #tabinnards {
  1660. right:40px;
  1661. }
  1662. #elevate:hover #tabinnards {
  1663. top:40px;
  1664. -webkit-transition: all 1s ease-in-out;
  1665. -moz-transition: all 1s ease-in-out;
  1666. -o-transition: all 1s ease-in-out;
  1667. transition: all 1s ease-in-out;
  1668. }
  1669. #elevate h3 {
  1670. text-align:center;
  1671. padding:3px;
  1672. margin:5px 0;
  1673. }
  1674. #elevate h3first-child: {
  1675. margin-top:0;
  1676. }
  1677. #elevate h3.updater {
  1678. background:{color:Updates Tab Heading 1};
  1679. }
  1680. #elevate h3.stater {
  1681. background:{color:Updates Tab Heading 2};
  1682. }
  1683. #elevate h3.currenter {
  1684. background:{color:Updates Tab Heading 3};
  1685. }
  1686. #elevate h3.networker {
  1687. background:{color:Updates Tab Heading 4};
  1688. }
  1689. #elevate h3.musicer {
  1690. background:{color:Updates Tab Heading 5};
  1691. }
  1692. #elevate h3.etcer {
  1693. background:{color:Updates Tab Heading 6};
  1694. }
  1695. .network img {
  1696. height:60px!important;
  1697. }
  1698. input[type=text] {
  1699. border:1px solid {color:Updates Tab Border};
  1700. -webkit-border-radius: 3px;
  1701. border-radius: 3px;
  1702. width:230px;
  1703. background:transparent;
  1704. color:{color:Updates Tab Text};
  1705. margin-top:5px;
  1706. }
  1707. .fa-search {
  1708. margin-top:5px;
  1709. }
  1710. {/block:IfUpdatesTab}
  1711. #topcontrol {
  1712. z-index:99999999;
  1713. }
  1714. /*------MEDIA QUERIES----*/
  1715. @media screen and (min-width: 120px) and (max-width: 319px) {
  1716.  
  1717. #tumblrcontent {
  1718. {block:IndexPage}
  1719. width:120px;
  1720. {/block:IndexPage}
  1721. {block:PermalinkPage}
  1722. width:120px;
  1723. {/block:PermalinkPage}
  1724. left:0;
  1725. -webkit-transition: all 0.3s ease-in-out;
  1726. -moz-transition: all 0.3s ease-in-out;
  1727. -o-transition: all 0.3s ease-in-out;
  1728. transition: all 0.3s ease-in-out;
  1729. }
  1730. article, .details2, .page1 {
  1731. margin:10px;
  1732. {block:IndexPage}
  1733. {block:IfPostBorders}
  1734. width:98px;
  1735. {/block:IfPostBorders}
  1736. {block:IfNotPostBorders}
  1737. width:100px;
  1738. {/block:IfNotPostBorders}
  1739. {/block:IndexPage}
  1740. {block:PermalinkPage}
  1741. width:90px;
  1742. {/block:PermalinkPage}
  1743. -webkit-transition: all 0.3s ease-in-out;
  1744. -moz-transition: all 0.3s ease-in-out;
  1745. -o-transition: all 0.3s ease-in-out;
  1746. transition: all 0.3s ease-in-out;
  1747. }
  1748. #banner img, .header {
  1749. width:120px;
  1750. -webkit-transition: all 0.3s ease-in-out;
  1751. -moz-transition: all 0.3s ease-in-out;
  1752. -o-transition: all 0.3s ease-in-out;
  1753. transition: all 0.3s ease-in-out;
  1754. }
  1755. {block:IfPopups}
  1756. ul.navlinks {
  1757. display:none;
  1758. }
  1759. ul.mobile-nav {
  1760. display:block;
  1761. }
  1762. {/block:IfPopups}
  1763. #elevate {
  1764. display:none;
  1765. }
  1766.  
  1767. }
  1768. @media screen and (min-width: 320px) and (max-width: 419px) {
  1769.  
  1770. #tumblrcontent {
  1771. {block:IndexPage}
  1772. width:320px;
  1773. {/block:IndexPage}
  1774. {block:PermalinkPage}
  1775. width:320px;
  1776. {/block:PermalinkPage}
  1777. left:0;
  1778. -webkit-transition: all 0.3s ease-in-out;
  1779. -moz-transition: all 0.3s ease-in-out;
  1780. -o-transition: all 0.3s ease-in-out;
  1781. transition: all 0.3s ease-in-out;
  1782. }
  1783. article, .details2, .page1 {
  1784. {block:IndexPage}
  1785. {block:IfPostBorders}
  1786. width:298px;
  1787. {/block:IfPostBorders}
  1788. {block:IfNotPostBorders}
  1789. width:300px;
  1790. {/block:IfNotPostBorders}
  1791. {/block:IndexPage}
  1792. {block:PermalinkPage}
  1793. width:290px;
  1794. {/block:PermalinkPage}
  1795. margin:10px;
  1796. -webkit-transition: all 0.3s ease-in-out;
  1797. -moz-transition: all 0.3s ease-in-out;
  1798. -o-transition: all 0.3s ease-in-out;
  1799. transition: all 0.3s ease-in-out;
  1800. }
  1801. #banner img, .header {
  1802. width:320px;
  1803. -webkit-transition: all 0.3s ease-in-out;
  1804. -moz-transition: all 0.3s ease-in-out;
  1805. -o-transition: all 0.3s ease-in-out;
  1806. transition: all 0.3s ease-in-out;
  1807. }
  1808. {block:IfPopups}
  1809. ul.navlinks {
  1810. display:none;
  1811. }
  1812. ul.mobile-nav {
  1813. display:block;
  1814. }
  1815. {/block:IfPopups}
  1816. #elevate {
  1817. display:none;
  1818. }
  1819.  
  1820. }
  1821. @media screen and (min-width: 420px) and (max-width: 500px) {
  1822.  
  1823. #tumblrcontent {
  1824. {block:IndexPage}
  1825. width:420px;
  1826. {/block:IndexPage}
  1827. {block:PermalinkPage}
  1828. width:420px;
  1829. {/block:PermalinkPage}
  1830. left:0;
  1831. -webkit-transition: all 0.3s ease-in-out;
  1832. -moz-transition: all 0.3s ease-in-out;
  1833. -o-transition: all 0.3s ease-in-out;
  1834. transition: all 0.3s ease-in-out;
  1835. }
  1836. article, .details2, .page1 {
  1837. {block:IndexPage}
  1838. {block:IfPostBorders}
  1839. width:398px;
  1840. {/block:IfPostBorders}
  1841. {block:IfNotPostBorders}
  1842. width:400px;
  1843. {/block:IfNotPostBorders}
  1844. {/block:IndexPage}
  1845. {block:PermalinkPage}
  1846. width:390px;
  1847. {/block:PermalinkPage}
  1848. margin:10px;
  1849. -webkit-transition: all 0.3s ease-in-out;
  1850. -moz-transition: all 0.3s ease-in-out;
  1851. -o-transition: all 0.3s ease-in-out;
  1852. transition: all 0.3s ease-in-out;
  1853. }
  1854. #banner img, .header {
  1855. width:420px;
  1856. -webkit-transition: all 0.3s ease-in-out;
  1857. -moz-transition: all 0.3s ease-in-out;
  1858. -o-transition: all 0.3s ease-in-out;
  1859. transition: all 0.3s ease-in-out;
  1860. }
  1861. {block:IfPopups}
  1862. ul.navlinks {
  1863. display:none;
  1864. }
  1865. ul.mobile-nav {
  1866. display:block;
  1867. }
  1868. {/block:IfPopups}
  1869. #elevate {
  1870. display:none;
  1871. }
  1872.  
  1873. }
  1874. @media screen and (min-width: 500px) and (max-width: 757px) {
  1875. #tumblrcontent {
  1876. {block:IndexPage}
  1877. width:500px;
  1878. {/block:IndexPage}
  1879. {block:PermalinkPage}
  1880. width:500px;
  1881. {/block:PermalinkPage}
  1882. left:0;
  1883. -webkit-transition: all 0.3s ease-in-out;
  1884. -moz-transition: all 0.3s ease-in-out;
  1885. -o-transition: all 0.3s ease-in-out;
  1886. transition: all 0.3s ease-in-out;
  1887. }
  1888. article, .details2, .page1 {
  1889. {block:PermalinkPage}
  1890. width:490px;
  1891. {/block:PermalinkPage}
  1892. }
  1893. #banner img, .header {
  1894. width:480px;
  1895. -webkit-transition: all 0.3s ease-in-out;
  1896. -moz-transition: all 0.3s ease-in-out;
  1897. -o-transition: all 0.3s ease-in-out;
  1898. transition: all 0.3s ease-in-out;
  1899. }
  1900. {block:IfPopups}
  1901. ul.navlinks {
  1902. display:none;
  1903. }
  1904. ul.mobile-nav {
  1905. display:block;
  1906. }
  1907. {/block:IfPopups}
  1908. }
  1909. @media screen and (min-width: 758px) and (max-width: 999px) {
  1910. #tumblrcontent {
  1911. {block:IndexPage}
  1912. width:758px;
  1913. {/block:IndexPage}
  1914. {block:PermalinkPage}
  1915. width:530px;
  1916. {/block:PermalinkPage}
  1917. left:0;
  1918. -webkit-transition: all 0.3s ease-in-out;
  1919. -moz-transition: all 0.3s ease-in-out;
  1920. -o-transition: all 0.3s ease-in-out;
  1921. transition: all 0.3s ease-in-out;
  1922. }
  1923. #banner img, .header {
  1924. width:718px;
  1925. -webkit-transition: all 0.3s ease-in-out;
  1926. -moz-transition: all 0.3s ease-in-out;
  1927. -o-transition: all 0.3s ease-in-out;
  1928. transition: all 0.3s ease-in-out;
  1929. }
  1930.  
  1931. }
  1932.  
  1933. @media screen and (min-width: 1000px) and (max-width: 1249px) {
  1934.  
  1935. #tumblrcontent {
  1936. {block:IndexPage}
  1937. width:1000px;
  1938. {/block:IndexPage}
  1939. {block:PermalinkPage}
  1940. width:530px;
  1941. {/block:PermalinkPage}
  1942. left:0;
  1943. -webkit-transition: all 0.3s ease-in-out;
  1944. -moz-transition: all 0.3s ease-in-out;
  1945. -o-transition: all 0.3s ease-in-out;
  1946. transition: all 0.3s ease-in-out;
  1947. }
  1948. #banner img, .header {
  1949. width:960px;
  1950. -webkit-transition: all 0.3s ease-in-out;
  1951. -moz-transition: all 0.3s ease-in-out;
  1952. -o-transition: all 0.3s ease-in-out;
  1953. transition: all 0.3s ease-in-out;
  1954. }
  1955.  
  1956. }
  1957.  
  1958. @media screen and (min-width: 1250px) and (max-width: 1563px) {
  1959.  
  1960. #tumblrcontent {
  1961. {block:IndexPage}
  1962. width:1250px;
  1963. {/block:IndexPage}
  1964. {block:PermalinkPage}
  1965. width:530px;
  1966. {/block:PermalinkPage}
  1967. left:0;
  1968. -webkit-transition: all 0.3s ease-in-out;
  1969. -moz-transition: all 0.3s ease-in-out;
  1970. -o-transition: all 0.3s ease-in-out;
  1971. transition: all 0.3s ease-in-out;
  1972. }
  1973. #banner img, .header {
  1974. width:1210px;
  1975. -webkit-transition: all 0.3s ease-in-out;
  1976. -moz-transition: all 0.3s ease-in-out;
  1977. -o-transition: all 0.3s ease-in-out;
  1978. transition: all 0.3s ease-in-out;
  1979. }
  1980.  
  1981. }
  1982. </style>
  1983. {block:IfPopups}
  1984. <script type="text/javascript"
  1985. src="//ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1986. <script>
  1987. $(document).ready(function() {
  1988. //
  1989. $('a.poplight[href^=#]').click(function() {
  1990. var popID = $(this).attr('rel'); //Get Popup Name
  1991. var popURL = $(this).attr('href'); //Get Popup href to define size
  1992. var query= popURL.split('?');
  1993. var dim= query[1].split('&');
  1994. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1995. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  1996. var popMargTop = ($('#' + popID).height() + 80) / 2 - 30;
  1997. var popMargLeft = ($('#' + popID).width() + 80) / 2 - 30;
  1998. //Apply Margin to Popup
  1999. $('#' + popID).css({
  2000. 'margin-top' : -popMargTop,
  2001. 'margin-left' : -popMargLeft
  2002. });
  2003. $('body').append('<div id="fade"></div>');
  2004. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  2005. return false;
  2006. });
  2007. $('#fade').live('click', function() {
  2008. $('#fade , .popup_block').fadeOut(function() {
  2009. $('#fade').remove(); //fade them both out
  2010. });
  2011. return false;
  2012. });
  2013. });
  2014. </script>
  2015. {/block:IfPopups}
  2016. </head>
  2017. <body>
  2018. {block:IfUpdatesTab}
  2019. <div id="elevate" class="{select:Updates Tab Position}">
  2020. <div id="tabby">
  2021. <img src="{image:Updates Tab}">
  2022. </div>
  2023. <div id="tabinnards">
  2024. {block:IfUpdatesTabUpdates}
  2025. <h3 class="updater">Updates</h3>
  2026. {text:Updates}
  2027. {/block:IfUpdatesTabUpdates}
  2028. {block:IfUpdatesTabStats}
  2029. <h3 class="stater">Stats</h3>
  2030. {text:Stats}
  2031. {/block:IfUpdatesTabStats}
  2032. {block:IfUpdatesTabCurrently}
  2033. <h3 class="currenter">Currently</h3>
  2034. {text:Currently}
  2035. {/block:IfUpdatesTabCurrently}
  2036. {block:IfUpdatesTabNetworks}
  2037. <h3 class="networker">I'm in...</h3>
  2038. <marquee class="network" onmouseover="this.stop();" onmouseout="this.start();">{text:Networks}</marquee>
  2039. <br><marquee onmouseover="this.stop();" onmouseout="this.start();">{text:Featured In}</marquee>
  2040. {/block:IfUpdatesTabNetworks}
  2041. {block:IfUpdatesTabMusicPlayer}
  2042. <h3 class="musicer">Music</h3>
  2043. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0={text:Song 1 URL}&t0={text:Song 1 Title}&f1={text:Song 2 URL}&t1={text:Song 2 Title}&f2={text:Song 3 URL}&t2={text:Song 3 Title}&f3={text:Song 4 URL}&t3={text:Song 4 Title}&f4={text:Song 5 URL}&t4={text:Song 5 Title}&f5={text:Song 6 URL}&t5={text:Song 6 Title}&f6={text:Song 7 URL}&t6={text:Song 7 Title}&f7={text:Song 8 URL}&t7={text:Song 8 Title}&f8={text:Song 9 URL}&t8={text:Song 9 Title}&f9={text:Song 10 URL}&t9={text:Song 10 Title}&total=10" quality="high" wmode="transparent" width="180" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  2044. {text:Playlist}
  2045. {/block:IfUpdatesTabMusicPlayer}
  2046. {block:IfUpdatesTabEtc}
  2047. <h3 class="etcer">Etc.</h3>
  2048. {block:IfSearchInUpdatesTab}
  2049. Looking for something?<br>
  2050. <form name="search" id="search" action="/search" method="get" style="margin: 0; padding: 0;">
  2051. <i class="fa fa-search"></i>
  2052. <input type="text" name="q" value="{SearchQuery}"/>
  2053. <input type="submit" form="search" style="display:none;" />
  2054. </form>
  2055. {/block:IfSearchInUpdatesTab}
  2056. {text:Etc}
  2057. {/block:IfUpdatesTabEtc}
  2058. </div>
  2059. </div>
  2060. {/block:IfUpdatesTab}
  2061. <div class="header">
  2062. {block:IfBanner}
  2063. <div id="banner"><a href="/"><img src="{image:Banner}"></a></div>
  2064. {/block:IfBanner}
  2065. {block:IfNotBanner}
  2066. <h1><a href="/">{Title}</a></h1>
  2067. {/block:IfNotBanner}
  2068. <ul class="navlinks">
  2069. <li> <a href="/" title="refresh">home</a></li>
  2070. {block:IfNotPopups}
  2071. {block:AskEnabled}
  2072. <li><a href="/ask" title="{AskLabel}">ask</a></li>
  2073. {/block:AskEnabled}
  2074. {block:SubmissionsEnabled}
  2075. <li><a href="/submit" title="{SubmitLabel}">submit</a></li>
  2076. {/block:SubmissionsEnabled}
  2077. {/block:IfNotPopups}
  2078. {block:IfPopups}
  2079. {block:IfContactPopup}
  2080. <li><a href="#?w=700" rel="02" class="poplight" title="ask + submit">contact</a></li>
  2081. {/block:IfContactPopup}
  2082. {block:IfLinksPopup}
  2083. <li><a href="#?w={block:IfNotAlternateLinksLayout}700{/block:IfNotAlternateLinksLayout}{block:IfAlternateLinksLayout}450{/block:IfAlternateLinksLayout}" rel="03" class="poplight" title="extra links">links</a></li>
  2084. {/block:IfLinksPopup}
  2085. {block:IfAboutPopup}
  2086. <li><a href="#?w=700" rel="05" class="poplight" title="about">about</a></li>
  2087. {/block:IfAboutPopup}
  2088. {block:IfBlogrollPopup}
  2089. <li><a href="#?w=700" rel="04" class="poplight" title="who i follow">blogroll</a></li>
  2090. {/block:IfBlogrollPopup}
  2091. {/block:IfPopups}
  2092. {block:HasPages}
  2093. {block:Pages}
  2094. <li><a href="{URL}">{Label}</a></li>
  2095. {/block:Pages}
  2096. {/block:HasPages}
  2097. {block:IfLink1}
  2098. <li><a href="{text:URL 1}" title="{text:Link 1 Tooltip}">{text:Link 1}</a></li>
  2099. {/block:IfLink1}
  2100. {block:IfLink2}
  2101. <li><a href="{text:URL 2}" title="{text:Link 2 Tooltip}">{text:Link 2}</a></li>
  2102. {/block:IfLink2}
  2103. {block:IfLink3}
  2104. <li><a href="{text:URL 3}" title="{text:Link 3 Tooltip}">{text:Link 3}</a></li>
  2105. {/block:IfLink3}
  2106. {block:IfArchiveLink}
  2107. {block:IfNotArchivePopup}
  2108. <li><a href="/archive" title="archive">past</a></li>
  2109. {/block:IfNotArchivePopup}
  2110. {block:IfArchivePopup}
  2111. <li><a href="#?w=850" rel="06" class="poplight" title="archive">past</a></li>
  2112. {/block:IfArchivePopup}
  2113. {/block:IfArchiveLink}
  2114. <li><a href="http://dontbrag.tumblr.com" target="_blank" title="@dontbrag">theme</a></li>
  2115. </ul>
  2116. <ul class="mobile-nav">
  2117. <li><a href="/">home</a></li>
  2118. {block:AskEnabled}
  2119. <li><a href="/ask">ask</a></li>
  2120. {/block:AskEnabled}
  2121. {block:SubmissionsEnabled}
  2122. <li><a href="/submit">submit</a></li>
  2123. {/block:SubmissionsEnabled}
  2124. {block:HasPages}
  2125. {block:Pages}
  2126. <li><a href="{URL}">{Label}</a></li>
  2127. {/block:Pages}
  2128. {/block:HasPages}
  2129. {block:IfLink1}
  2130. <li><a href="{text:URL 1}">{text:Link 1}</a> </li>
  2131. {/block:IfLink1}
  2132. {block:IfLink2}
  2133. <li><a href="{text:URL 2}">{text:Link 2}</a> </li>
  2134. {/block:IfLink2}
  2135. {block:IfLink3}
  2136. <li><a href="{text:URL 3}">{text:Link 3}</a> </li>
  2137. {/block:IfLink3}
  2138. <li><a href="/archive">past</a></li>
  2139. <li><a href="http://dontbrag.tumblr.com" target="_blank">theme</a></li>
  2140. </ul>
  2141. {block:IfShowDescription}
  2142. {block:Description}<p>{Description}</p>{/block:Description}
  2143. {/block:IfShowDescription}
  2144. </div>
  2145. <div id="tumblrcontent">
  2146. {block:SearchPage}
  2147. <article class="alert page{CurrentPage}">
  2148. <div style="padding:10px;">{SearchResultCount} search result(s) for "{SearchQuery}".</div>
  2149. </article>
  2150. {/block:SearchPage}
  2151.  
  2152. {block:TagPage}
  2153. <article class="alert page{CurrentPage}">
  2154. <div style="padding:10px;">Showing posts tagged with "{Tag}".</div>
  2155. </article>
  2156. {/block:TagPage}
  2157. {block:Posts}
  2158. {block:PermalinkPage}
  2159. {block:PermalinkPagination}
  2160. <div class="details2 postheader">
  2161. Posted on {DayOfWeek} the {DayOfMonth}{DayOfMonthSuffix} of {Month}, {Year} at {12Hour}:{Minutes}{AmPm} with {NoteCountWithLabel}.
  2162. </div>
  2163. {/block:PermalinkPagination}
  2164. {/block:PermalinkPage}
  2165. <article>
  2166. <!--Unique code for each post type-->
  2167. {block:Text}
  2168. <div class="text">
  2169. {block:Title}<h1 class="post_title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  2170. {Body}
  2171. {block:More}
  2172. <a href="{Permalink}" class="big_ass_button">continue&nbsp;&rarr;</a>
  2173. {/block:More}
  2174. {block:IndexPage}
  2175. <div class="other_perma">
  2176. <span class="lefty"><a href="{Permalink}" title="{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}{TimeAgo}.">{NoteCountWithLabel}</a></span><li>{block:IfNotBlackPermalinks}{LikeButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="14" color="black"}{/block:IfBlackPermalinks}</li><li>{block:IfNotBlackPermalinks}{ReblogButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="14" color="black"}{/block:IfBlackPermalinks}</li>
  2177. </div>
  2178. {/block:IndexPage}
  2179. </div>
  2180. {/block:Text}
  2181.  
  2182. {block:Photo}<div class="photo">
  2183. <div class="photohover">
  2184. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  2185. {block:IndexPage}
  2186. <div class="permamask"></div>
  2187. <div class="permainfo">
  2188. <div class="insides">
  2189. <div class="lb">{block:IfNotBlackPermalinks}{LikeButton size="20" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="20" color="black"}{/block:IfBlackPermalinks}</div>
  2190. <div class="rb">{block:IfNotBlackPermalinks}{ReblogButton size="20" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="20" color="black"}{/block:IfBlackPermalinks}</div>
  2191. <div class="pb"><a href="{PhotoUrl-HighRes}" title="zoom" target="_blank"><i class="fa fa-search-plus fa-fw"></i></a></div>
  2192. <div class="sb"><a href="{Permalink}" title="{NoteCountWithLabel}" target="_blank"><i class="fa fa-link fa-fw"></i></a></div>
  2193. </div>
  2194. </div>
  2195. {/block:IndexPage}
  2196. </div>
  2197. </div>
  2198. {/block:Photo}
  2199.  
  2200. {block:Photoset}
  2201. <div class="photoset">
  2202. <div class="photohover">
  2203. {block:IndexPage}
  2204. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  2205. <div class="permamask"></div>
  2206. <div class="permainfo">
  2207. <div class="insides">
  2208. <div class="lb">{block:IfNotBlackPermalinks}{LikeButton size="20" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="20" color="black"}{/block:IfBlackPermalinks}</div>
  2209. <div class="rb">{block:IfNotBlackPermalinks}{ReblogButton size="20" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="20" color="black"}{/block:IfBlackPermalinks}</div>
  2210.  
  2211. <div class="sb"><a href="{Permalink}" title="{NoteCountWithLabel}" target="_blank"><i class="fa fa-link fa-fw"></i></a></div>
  2212. </div>
  2213. </div>
  2214. {/block:IndexPage}
  2215. {block:PermalinkPage}
  2216. {Photoset-500}
  2217. {/block:PermalinkPage}</div></div>
  2218. {/block:Photoset}
  2219.  
  2220. {block:Quote}
  2221. <div class="quote">
  2222. <h1 class="post_title"><i><a href="{permalink}">&ldquo;{Quote}&rdquo;</a></i></h1>
  2223. {block:IndexPage}
  2224. {block:Source}<cite style="font-style:normal;"> &mdash;&nbsp;{Source}</cite>{/block:Source}
  2225. <div class="other_perma">
  2226. <span class="lefty"><a href="{Permalink}" title="{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}{TimeAgo}.">{NoteCountWithLabel}</a></span><li>{block:IfNotBlackPermalinks}{LikeButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="14" color="black"}{/block:IfBlackPermalinks}</li><li>{block:IfNotBlackPermalinks}{ReblogButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="14" color="black"}{/block:IfBlackPermalinks}</li>
  2227. </div>
  2228. {/block:IndexPage}
  2229. </div>
  2230. {/block:Quote}
  2231.  
  2232. {block:Link}
  2233. <div class="link">
  2234. <h1 class="post_title post_linky"><a href="{URL}">↳&nbsp;{Name}</a></h1>
  2235. {block:IndexPage}
  2236. <div class="other_perma">
  2237. <span class="lefty"><a href="{Permalink}" title="{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}{TimeAgo}.">{NoteCountWithLabel}</a></span><li>{block:IfNotBlackPermalinks}{LikeButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="14" color="black"}{/block:IfBlackPermalinks}</li><li>{block:IfNotBlackPermalinks}{ReblogButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="14" color="black"}{/block:IfBlackPermalinks}</li>
  2238. </div>
  2239. {/block:IndexPage}
  2240. </div>
  2241. {/block:Link}
  2242.  
  2243. {block:Chat}
  2244. <div class="chat inner">
  2245. <ul>
  2246. {block:Lines}<li class="{Alt}"><p>{block:Label}
  2247. <span class="label">{Label}</span>{/block:Label} {Line} </p>
  2248. </li>{/block:Lines}
  2249. </ul>
  2250. {block:IndexPage}
  2251. <div class="other_perma">
  2252. <span class="lefty"><a href="{Permalink}" title="{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}{TimeAgo}.">{NoteCountWithLabel}</a></span><li>{block:IfNotBlackPermalinks}{LikeButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="14" color="black"}{/block:IfBlackPermalinks}</li><li>{block:IfNotBlackPermalinks}{ReblogButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="14" color="black"}{/block:IfBlackPermalinks}</li>
  2253. </div>
  2254. {/block:IndexPage}
  2255. </div>
  2256. {/block:Chat}
  2257.  
  2258. {block:Audio}
  2259. <div class="audio">
  2260. {block:IndexPage}
  2261. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  2262. Artist: <span{block:Artist} style="display:none;"
  2263. {/block:Artist}>Unknown</span>
  2264. {block:Artist}{Artist}{/block:Artist}</br>
  2265. Title: <span{block:TrackName} style="display:none;"
  2266. {/block:TrackName}>Unknown</span>
  2267. {block:TrackName}{TrackName}{/block:TrackName}</br>
  2268. Album: <span{block:Album} style="display:none;"
  2269. {/block:Album}>Unknown</span>
  2270. {block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  2271. Plays: {FormattedPlayCount}{/block:PlayCount}
  2272. <div class="other_perma">
  2273. <span class="lefty"><a href="{Permalink}" title="{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}{TimeAgo}.">{NoteCountWithLabel}</a></span><li>{block:IfNotBlackPermalinks}{LikeButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="14" color="black"}{/block:IfBlackPermalinks}</li><li>{block:IfNotBlackPermalinks}{ReblogButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="14" color="black"}{/block:IfBlackPermalinks}</li>
  2274. </div>
  2275. {/block:IndexPage}
  2276. {block:PermalinkPage}
  2277. {block:AlbumArt}<img src="{AlbumArtURL}" width="500"
  2278. height="500"/>{/block:AlbumArt}
  2279. {block:AudioPlayer}
  2280. {AudioPlayerBlack}
  2281. {/block:AudioPlayer}
  2282. {/block:PermalinkPage}</div>
  2283. {/block:Audio}
  2284.  
  2285. {block:Video}
  2286. <div class="video">
  2287. {block:IndexPage}
  2288. <div class="video-player"><center>{Video-250}</center></div>
  2289. <div class="other_perma">
  2290. <span class="lefty"><a href="{Permalink}" title="{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}{TimeAgo}.">{NoteCountWithLabel}</a></span><li>{block:IfNotBlackPermalinks}{LikeButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="14" color="black"}{/block:IfBlackPermalinks}</li><li>{block:IfNotBlackPermalinks}{ReblogButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="14" color="black"}{/block:IfBlackPermalinks}</li>
  2291. </div>
  2292. {/block:IndexPage}
  2293. {block:PermalinkPage}
  2294. <div class="video-player">{Video-500}</div>
  2295. {/block:permalinkPage}</div>
  2296. {/block:Video}
  2297.  
  2298. {block:Answer}
  2299. <div class="answer">
  2300. <div class="question">{lang:Asker asked 2}: {Question}</div>
  2301. {block:Answerer}<div class="question2">{Answerer} replied: {Answer}</div>{/block:Answerer}
  2302. {Replies}
  2303. {block:IfAskSignoff}<div id="signature" {block:Answerer}style="display:none;"{/block:Answerer}>- {text:Ask Signoff}</div>{/block:IfAskSignoff}
  2304. {block:IndexPage}
  2305. <div class="other_perma">
  2306. <span class="lefty"><a href="{Permalink}" title="{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}{TimeAgo}.">{NoteCountWithLabel}</a></span><li>{block:IfNotBlackPermalinks}{LikeButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{LikeButton size="14" color="black"}{/block:IfBlackPermalinks}</li><li>{block:IfNotBlackPermalinks}{ReblogButton size="14" color="white"}{/block:IfNotBlackPermalinks}{block:IfBlackPermalinks}{ReblogButton size="14" color="black"}{/block:IfBlackPermalinks}</li>
  2307. </div>
  2308. {/block:IndexPage}
  2309. </div>
  2310. {/block:Answer}
  2311.  
  2312.  
  2313. {block:indexpage}
  2314. <!-- {block:NoRebloggedFrom}
  2315. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2316. {/block:NoRebloggedFrom} -->
  2317. {block:ContentSource}<!-- {SourceURL}
  2318. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2319. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2320. {/block:ContentSource}
  2321. {/block:IndexPage}
  2322. </article>
  2323. <!--Post footer (tags and notes) on displayed on permalink pages-->
  2324. {block:Permalink}
  2325. {block:Photo}
  2326. {block:Caption}<div class="details2">{Caption}</div>{/block:Caption}
  2327. {/block:Photo}
  2328. {block:Photoset}
  2329. {block:Caption}<div class="details2">{Caption}</div>{/block:Caption}
  2330. {/block:Photoset}
  2331. {block:Quote}
  2332. {block:Source}<div class="details2"><cite style="font-style:normal;"> &mdash;&nbsp;{Source}</cite></div>{/block:Source}
  2333. {/block:Quote}
  2334. {block:Link}
  2335. {block:Description}<div class="details2">{Description}</div>{/block:Description}
  2336. {/block:Link}
  2337. {block:Audio}
  2338. <div class="details2">
  2339. Artist: <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  2340. Title: <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  2341. Album: <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br>
  2342. Plays: {FormattedPlayCount}{/block:PlayCount}</div>
  2343. {block:Caption}<div class="details">{Caption}</div>{/block:Caption}
  2344. {/block:Audio}
  2345. {block:Video}
  2346. <div class="details2">{Caption}</div>{/block:Caption}
  2347. {/block:Video}
  2348. {block:HasTags}
  2349. <div id="tags" class="details2">
  2350. filed under: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  2351. </div>{/block:HasTags}
  2352. {block:PostNotes}
  2353. <div id="notes" class="postnotes details2">
  2354. {PostNotes}
  2355. </div>
  2356. {/block:PostNotes}
  2357. {/block:Permalink}
  2358. {/block:Posts}
  2359. <!--Close of article-->
  2360. </div>
  2361. <!--Pagination: previous/next page links-->
  2362. {block:Pagination}
  2363. <div class="pagination" style="visibility:hidden;">
  2364. {block:PreviousPage}<a href="{PreviousPage}"><i class="fa fa-arrow-left"></i></a>{/block:PreviousPage}
  2365. {block:NextPage}<a href="{NextPage}"><i class="fa fa-arrow-right"></i></a>{/block:NextPage}
  2366. </div>
  2367. {/block:Pagination}
  2368.  
  2369. <div class="credit">
  2370. <i class="fa fa-diamond"></i>&nbsp;<a class="mine" target="_blank" href="http://dontbrag.tumblr.com">ByChloeThemes</a>
  2371. </div>
  2372. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  2373. <!--//////////Tooltips////////-->
  2374.  
  2375. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  2376. <!--//////////End Tooltips/////-->
  2377. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2378. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2379. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2380. <script>
  2381. $(document).ready(function(){
  2382. $('.photo-slideshow').pxuPhotoset({
  2383. lightbox: true,
  2384. rounded: false,
  2385. gutter: '0px',
  2386. photoset: '.photo-slideshow',
  2387. photoWrap: '.photo-data',
  2388. photo: '.pxu-photo'
  2389. });
  2390. });
  2391. </script>
  2392. <!--//////////Masonry////////////-->
  2393. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  2394.  
  2395. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  2396. <script src="//static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  2397. <script src="//static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  2398. <!--Code for infinite scroll and grid layout-->
  2399. <script>
  2400. (function () {
  2401. var $tumblelog = $('#tumblrcontent');
  2402. $tumblelog.imagesLoaded(function () {
  2403. $tumblelog.masonry({
  2404. columnWidth: function (containerWidth) {
  2405. return containerWidth / 100;
  2406. }
  2407. });
  2408. });
  2409.  
  2410. $tumblelog.infinitescroll({
  2411. navSelector: ".pagination",
  2412. nextSelector: ".pagination a:last-child",
  2413. itemSelector: "article",
  2414. loading: {
  2415. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  2416. img : "",
  2417. msg: null,
  2418. msgText: "<p><i class='fa fa-spinner fa-pulse fa-3x'></i></p>"
  2419. }
  2420. },
  2421.  
  2422. function( newElements ) {
  2423. var $newElems = $( newElements );
  2424. $newElems.find('.photo-slideshow').pxuPhotoset({
  2425. lightbox: true,
  2426. rounded: false,
  2427. gutter: '0px',
  2428. photoset: '.photo-slideshow',
  2429. photoWrap: '.photo-data',
  2430. photo: '.pxu-photo'
  2431. },
  2432. function(){
  2433. $tumblelog.masonry();
  2434. });
  2435. var $newElems = $(newElements).css({
  2436. opacity: 0
  2437. });
  2438. $newElems.imagesLoaded(function(){
  2439. $newElems.animate({ opacity: 1, zIndex: 1 });
  2440. $tumblelog.masonry( 'appended', $newElems );
  2441. });
  2442. });
  2443.  
  2444. })();
  2445. </script>
  2446. <!--/////////End Masonry//////////-->
  2447. {block:IfLoadingBar}
  2448. <!--///////Progress Bar///////-->
  2449. <script src="//static.tumblr.com/i5s2zks/uzmnp1sj8/nprogress.js"></script>
  2450. <script>
  2451. $(window).load(function(){
  2452. NProgress.done();
  2453. });
  2454.  
  2455. $(document).ready(function() {
  2456. NProgress.start();
  2457. });
  2458. </script>
  2459. <!--///////End Progress Bar///////-->
  2460. {/block:IfLoadingBar}
  2461. {block:IfScrollToTopButton}
  2462. <script type="text/javascript" src="//arrow.scrolltotop.com/arrow13.js"></script>
  2463. {/block:IfScrollToTopButton}
  2464. </body>
  2465. {block:IfPopups}
  2466. {block:IfContactPopup}
  2467. <div id="02" class="popup_block {select:Popup Entry}" {block:IfAlternateContactLayout}style="height:500px;overflow-y:auto;"{/block:IfAlternateContactLayout}>
  2468. {block:IfNotPopupBanners}
  2469. <h1 style="text-align:center">Contact</h1>
  2470. {/block:IfNotPopupBanners}
  2471. {block:IfPopupBanners}
  2472. <img src="{image:Contact Banner}" class="popup-banner">
  2473. {/block:IfPopupBanners}
  2474. {block:IfNotAlternateContactLayout}
  2475. <table class="contact">
  2476. <tr>
  2477. <td><div class="tableinnards">
  2478. {block:IfIWillWont}
  2479. <h1>I Will:</h1>
  2480. <ul class="dodont">
  2481. {block:IfIWillOne}
  2482. <li>{text:I Will One}</li>
  2483. {/block:IfIWillOne}
  2484. {block:IfIWillTwo}
  2485. <li>{text:I Will Two}</li>
  2486. {/block:IfIWillTwo}
  2487. {block:IfIWillThree}
  2488. <li>{text:I Will Three}</li>
  2489. {/block:IfIWillThree}
  2490. {block:IfIWillFour}
  2491. <li>{text:I Will Four}</li>
  2492. {/block:IfIWillFour}
  2493. {block:IfIWillFive}
  2494. <li>{text:I Will Five}</li>
  2495. {/block:IfIWillFive}
  2496. </ul>
  2497. <h1>I Won't:</h1>
  2498. <ul class="dodont2">
  2499. {block:IfIWontOne}
  2500. <li>{text:I Wont One}</li>
  2501. {/block:IfIWontOne}
  2502. {block:IfIWontTwo}
  2503. <li>{text:I Wont Two}</li>
  2504. {/block:IfIWontTwo}
  2505. {block:IfIWontThree}
  2506. <li>{text:I Wont Three}</li>
  2507. {/block:IfIWontThree}
  2508. {block:IfIWontFour}
  2509. <li>{text:I Wont Four}</li>
  2510. {/block:IfIWontFour}
  2511. {block:IfIWontFive}
  2512. <li>{text:I Wont Five}</li>
  2513. {/block:IfIWontFive}
  2514. </ul>
  2515. {/block:IfIWillWont}
  2516. {block:IfNotIWillWont}
  2517. <h1>Faq:</h1>
  2518. <ul class="faqu">
  2519. <li><h3>{text:Faq Question 1}</h3></li>
  2520. <li>{text:Faq Answer 1}</li>
  2521. <li><h3>{text:Faq Question 2}</h3></li>
  2522. <li>{text:Faq Answer 2}</li>
  2523. <li><h3>{text:Faq Question 3}</h3></li>
  2524. <li>{text:Faq Answer 3}</li>
  2525. <li><h3>{text:Faq Question 4}</h3></li>
  2526. <li>{text:Faq Answer 4}</li>
  2527. <li><h3>{text:Faq Question 5}</h3></li>
  2528. <li>{text:Faq Answer 5}</li>
  2529. <li><h3>{text:Faq Question 6}</h3></li>
  2530. <li>{text:Faq Answer 6}</li>
  2531. </ul>
  2532. {/block:IfNotIWillWont}
  2533. </div></td>
  2534. <td><div class="tableinnards">
  2535. {block:AskEnabled}
  2536. <h1>{AskLabel}</h1>
  2537. <iframe frameborder="0" width="350px" height="260px" id="ask_form" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" seamless></iframe>
  2538. {/block:AskEnabled}
  2539. {block:IfSubmitInPopup}
  2540. {block:SubmissionsEnabled}
  2541. <br><br>
  2542. <h1>{SubmitLabel}</h1>
  2543. {text:Submission Guidelines}
  2544. <iframe frameborder="0" width="350px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" seamless></iframe>
  2545. {/block:SubmissionsEnabled}
  2546. {/block:IfSubmitInPopup}
  2547. </div></td>
  2548. </tr>
  2549. </table>
  2550. {/block:IfNotAlternateContactLayout}
  2551. {block:IfAlternateContactLayout}
  2552. {block:IfIWillWont}
  2553. <table class="contact">
  2554. <tr>
  2555. <td><div class="tableinnards">
  2556. <h1>I Will:</h1>
  2557. <ul class="dodont">
  2558. {block:IfIWillOne}
  2559. <li>{text:I Will One}</li>
  2560. {/block:IfIWillOne}
  2561. {block:IfIWillTwo}
  2562. <li>{text:I Will Two}</li>
  2563. {/block:IfIWillTwo}
  2564. {block:IfIWillThree}
  2565. <li>{text:I Will Three}</li>
  2566. {/block:IfIWillThree}
  2567. {block:IfIWillFour}
  2568. <li>{text:I Will Four}</li>
  2569. {/block:IfIWillFour}
  2570. {block:IfIWillFive}
  2571. <li>{text:I Will Five}</li>
  2572. {/block:IfIWillFive}
  2573. </ul></div></td>
  2574. <td><div class="tableinnards"><h1>I Won't:</h1>
  2575. <ul class="dodont2">
  2576. {block:IfIWontOne}
  2577. <li>{text:I Wont One}</li>
  2578. {/block:IfIWontOne}
  2579. {block:IfIWontTwo}
  2580. <li>{text:I Wont Two}</li>
  2581. {/block:IfIWontTwo}
  2582. {block:IfIWontThree}
  2583. <li>{text:I Wont Three}</li>
  2584. {/block:IfIWontThree}
  2585. {block:IfIWontFour}
  2586. <li>{text:I Wont Four}</li>
  2587. {/block:IfIWontFour}
  2588. {block:IfIWontFive}
  2589. <li>{text:I Wont Five}</li>
  2590. {/block:IfIWontFive}
  2591. </ul>
  2592. </div></td>
  2593. </tr>
  2594. </table>
  2595. {/block:IfIWillWont}
  2596. {block:IfNotIWillWont}
  2597. <h1>Faq:</h1>
  2598. <table class="contact">
  2599. <tr>
  2600. <td><div class="tableinnards">
  2601. <ul class="faqu">
  2602. <li><h3>{text:Faq Question 1}</h3></li>
  2603. <li>{text:Faq Answer 1}</li>
  2604. <li><h3>{text:Faq Question 3}</h3></li>
  2605. <li>{text:Faq Answer 3}</li>
  2606. <li><h3>{text:Faq Question 5}</h3></li>
  2607. <li>{text:Faq Answer 5}</li>
  2608. </ul></div></td>
  2609. <td><div class="tableinnards">
  2610. <ul class="faqu">
  2611. <li><h3>{text:Faq Question 2}</h3></li>
  2612. <li>{text:Faq Answer 2}</li>
  2613. <li><h3>{text:Faq Question 4}</h3></li>
  2614. <li>{text:Faq Answer 4}</li>
  2615. <li><h3>{text:Faq Question 6}</h3></li>
  2616. <li>{text:Faq Answer 6}</li>
  2617. </ul>
  2618. </div></td>
  2619. </tr>
  2620. </table>
  2621. {/block:IfNotIWillWont}
  2622. {block:AskEnabled}
  2623. <h1>{AskLabel}</h1>
  2624. <center><iframe frameborder="0" width="690px" height="190px" id="ask_form" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" seamless></iframe>
  2625. </center>
  2626. {/block:AskEnabled}
  2627. {block:IfSubmitInPopup}
  2628. {block:SubmissionsEnabled}
  2629. <br><br>
  2630. <h1>{SubmitLabel}</h1>
  2631. {text:Submission Guidelines}
  2632. <center><iframe frameborder="0" width="690px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" seamless></iframe>
  2633. </center>
  2634. {/block:SubmissionsEnabled}
  2635. {/block:IfSubmitInPopup}
  2636. {/block:IfAlternateContactLayout}
  2637. </div>
  2638. {/block:IfContactPopup}
  2639. {block:IfLinksPopup}
  2640. <div id="03" class="popup_block {select:Popup Entry}">
  2641. {block:IfNotPopupBanners}
  2642. <h1 style="text-align:center">Links</h1>
  2643. {/block:IfNotPopupBanners}
  2644. {block:IfPopupBanners}
  2645. <img src="{image:Links Banner}" class="popup-banner">
  2646. {/block:IfPopupBanners}
  2647. {block:IfNotAlternateLinksLayout}
  2648. <ul class="linkylous">
  2649. {block:IfPopupLink1}
  2650. <li><a href="{text:Popup URL 1}">{text:Popup Link 1}</a></li>
  2651. {/block:IfPopupLink1}
  2652. {block:IfPopupLink2}
  2653. <li><a href="{text:Popup URL 2}">{text:Popup Link 2}</a></li>
  2654. {/block:IfPopupLink2}
  2655. {block:IfPopupLink3}
  2656. <li><a href="{text:Popup URL 3}">{text:Popup Link 3}</a></li>
  2657. {/block:IfPopupLink3}
  2658. {block:IfPopupLink4}
  2659. <li><a href="{text:Popup URL 4}">{text:Popup Link 4}</a></li>
  2660. {/block:IfPopupLink4}
  2661. {block:IfPopupLink5}
  2662. <li><a href="{text:Popup URL 5}">{text:Popup Link 5}</a></li>
  2663. {/block:IfPopupLink5}
  2664. {block:IfPopupLink6}
  2665. <li><a href="{text:Popup URL 6}">{text:Popup Link 6}</a></li>
  2666. {/block:IfPopupLink6}
  2667. {block:IfPopupLink7}
  2668. <li><a href="{text:Popup URL 7}">{text:Popup Link 7}</a></li>
  2669. {/block:IfPopupLink7}
  2670. {block:IfPopupLink8}
  2671. <li><a href="{text:Popup URL 8}">{text:Popup Link 8}</a></li>
  2672. {/block:IfPopupLink8}
  2673. {block:IfPopupLink9}
  2674. <li><a href="{text:Popup URL 9}">{text:Popup Link 9}</a></li>
  2675. {/block:IfPopupLink9}
  2676. </ul>
  2677. {/block:IfNotAlternateLinksLayout}
  2678. {block:IfAlternateLinksLayout}
  2679. <div class="rollies">
  2680. <div class="negative"><h1>{text:Alt Links Section 1 Title}</h1></div>
  2681.  
  2682. <div class="positive">
  2683. {block:IfAltLinksLink1a}
  2684. <a href="{text:Alt Links URL 1a}">{text:Alt Links Link 1a}</a>
  2685. {/block:IfAltLinksLink1a}
  2686. {block:IfAltLinksLink1b}
  2687. - <a href="{text:Alt Links URL 1b}">{text:Alt Links Link 1b}</a>
  2688. {/block:IfAltLinksLink1b}
  2689. {block:IfAltLinksLink1c}
  2690. - <a href="{text:Alt Links URL 1c}">{text:Alt Links Link 1c}</a>
  2691. {/block:IfAltLinksLink1c}
  2692. {block:IfAltLinksLink1d}
  2693. - <a href="{text:Alt Links URL 1d}">{text:Alt Links Link 1d}</a>
  2694. {/block:IfAltLinksLink1d}
  2695. {block:IfAltLinksLink1e}
  2696. - <a href="{text:Alt Links URL 1e}">{text:Alt Links Link 1e}</a>
  2697. {/block:IfAltLinksLink1e}
  2698. </div>
  2699. </div>
  2700. {block:IfAltLinksSection2}
  2701. <div class="rollies">
  2702. <div class="negative"><h1>{text:Alt Links Section 2 Title}</h1></div>
  2703.  
  2704. <div class="positive">
  2705. {block:IfAltLinksLink2a}
  2706. <a href="{text:Alt Links URL 2a}">{text:Alt Links Link 2a}</a>
  2707. {/block:IfAltLinksLink2a}
  2708. {block:IfAltLinksLink2b}
  2709. - <a href="{text:Alt Links URL 2b}">{text:Alt Links Link 2b}</a>
  2710. {/block:IfAltLinksLink2b}
  2711. {block:IfAltLinksLink2c}
  2712. - <a href="{text:Alt Links URL 2c}">{text:Alt Links Link 2c}</a>
  2713. {/block:IfAltLinksLink2c}
  2714. {block:IfAltLinksLink2d}
  2715. - <a href="{text:Alt Links URL 2d}">{text:Alt Links Link 2d}</a>
  2716. {/block:IfAltLinksLink2d}
  2717. {block:IfAltLinksLink2e}
  2718. - <a href="{text:Alt Links URL 2e}">{text:Alt Links Link 2e}</a>
  2719. {/block:IfAltLinksLink2e}
  2720. </div>
  2721. </div>
  2722. {/block:IfAltLinksSection2}
  2723. {block:IfAltLinksSection3}
  2724. <div class="rollies">
  2725. <div class="negative"><h1>{text:Alt Links Section 3 Title}</h1></div>
  2726.  
  2727. <div class="positive">
  2728. {block:IfAltLinksLink3a}
  2729. <a href="{text:Alt Links URL 3a}">{text:Alt Links Link 3a}</a>
  2730. {/block:IfAltLinksLink3a}
  2731. {block:IfAltLinksLink3b}
  2732. - <a href="{text:Alt Links URL 3b}">{text:Alt Links Link 3b}</a>
  2733. {/block:IfAltLinksLink3b}
  2734. {block:IfAltLinksLink3c}
  2735. - <a href="{text:Alt Links URL 3c}">{text:Alt Links Link 3c}</a>
  2736. {/block:IfAltLinksLink3c}
  2737. {block:IfAltLinksLink3d}
  2738. - <a href="{text:Alt Links URL 3d}">{text:Alt Links Link 3d}</a>
  2739. {/block:IfAltLinksLink3d}
  2740. {block:IfAltLinksLink3e}
  2741. - <a href="{text:Alt Links URL 3e}">{text:Alt Links Link 3e}</a>
  2742. {/block:IfAltLinksLink3e}
  2743. </div>
  2744. </div>
  2745. {/block:IfAltLinksSection3}
  2746. {block:IfAltLinksSection4}
  2747. <div class="rollies">
  2748. <div class="negative"><h1>{text:Alt Links Section 4 Title}</h1></div>
  2749.  
  2750. <div class="positive">
  2751. {block:IfAltLinksLink4a}
  2752. <a href="{text:Alt Links URL 4a}">{text:Alt Links Link 4a}</a>
  2753. {/block:IfAltLinksLink4a}
  2754. {block:IfAltLinksLink4b}
  2755. - <a href="{text:Alt Links URL 4b}">{text:Alt Links Link 4b}</a>
  2756. {/block:IfAltLinksLink4b}
  2757. {block:IfAltLinksLink4c}
  2758. - <a href="{text:Alt Links URL 4c}">{text:Alt Links Link 4c}</a>
  2759. {/block:IfAltLinksLink4c}
  2760. {block:IfAltLinksLink4d}
  2761. - <a href="{text:Alt Links URL 4d}">{text:Alt Links Link 4d}</a>
  2762. {/block:IfAltLinksLink4d}
  2763. {block:IfAltLinksLink4e}
  2764. - <a href="{text:Alt Links URL 4e}">{text:Alt Links Link 4e}</a>
  2765. {/block:IfAltLinksLink4e}
  2766. </div>
  2767. </div>
  2768. {/block:IfAltLinksSection4}
  2769. </div>
  2770. {/block:IfAlternateLinksLayout}
  2771. </div>
  2772. {/block:IfLinksPopup}
  2773. {block:IfAboutPopup}
  2774. <div id="05" class="popup_block {select:Popup Entry}" style="max-height:500px;overflow-y:auto">
  2775. {block:IfNotPopupBanners}
  2776. <h1 style="text-align:center">Blogroll</h1>
  2777. {/block:IfNotPopupBanners}
  2778. {block:IfPopupBanners}
  2779. <img src="{image:About Banner}" class="popup-banner">
  2780. {/block:IfPopupBanners}
  2781. {text:About Popup Content}
  2782. </div>
  2783. {/block:IfAboutPopup}
  2784. {block:IfBlogrollPopup}
  2785. <div id="04" class="popup_block {select:Popup Entry}">
  2786. {block:IfNotPopupBanners}
  2787. <h1 style="text-align:center">Blogroll</h1>
  2788. {/block:IfNotPopupBanners}
  2789. {block:IfPopupBanners}
  2790. <img src="{image:Blogroll Banner}" class="popup-banner">
  2791. {/block:IfPopupBanners}
  2792. {block:Following}
  2793. <ul class="blogroll">
  2794. {block:Followed} <li>
  2795. <a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-64}"></a>
  2796. </li>{/block:Followed}
  2797. </ul>
  2798. {/block:Following}
  2799. </div>
  2800. {/block:IfBlogrollPopup}
  2801. {block:IfArchivePopup}
  2802. <div id="06" class="popup_block {select:Popup Entry}">
  2803. <iframe width="850px" height="600px" frameborder="0" src="http://{name}.tumblr.com/archive" scrolling="yes"></iframe>
  2804. </div>
  2805. {/block:IfArchivePopup}
  2806. {/block:IfPopups}
  2807. </html>
Advertisement
Add Comment
Please, Sign In to add comment