bychloethemes

Talk is Cheap Theme - by Chloe

Jul 17th, 2015
4,415
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 82.61 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. _ _ _
  6. | |__ _ _ ___| |__ | | ___ ___
  7. | '_ \| | | | / __| '_ \| |/ _ \ / _ \
  8. | |_) | |_| | | (__| | | | | (_) | __/
  9. |_.__/ \__, | \___|_| |_|_|\___/ \___|
  10. |___/
  11.  
  12. Talk is Cheap Theme by Chloe | @dontbrag | @bychloethemes
  13. Do not delete the credit. Do not claim as your own. Do not copy any ideas or code. Do not redistribute.
  14.  
  15. For html help go to @htmlqueens
  16.  
  17. For tutorials go to @help-with-coding
  18. -->
  19. <meta name="image:Background" content="" />
  20. <meta name="image:Corner" content="https://33.media.tumblr.com/d2c8354c4159407804910207dc13c9eb/tumblr_n3hgaa9wmz1so0ukuo1_500.gif" />
  21.  
  22. <meta name="color:Background" content="#ffffff" />
  23. <meta name="color:Gradient Background 1" content="#fff" />
  24. <meta name="color:Gradient Background 2" content="#ffb6c1" />
  25. <meta name="color:Grid" content="#f6f6f6" />
  26. <meta name="color:Scrollbar" content="#000" />
  27. <meta name="color:Scrollbar Background" content="#fff" />
  28. <meta name="color:Blog Border" content="#ffb6c1" />
  29. <meta name="color:Gradient Blog Border 1" content="#ffef99" />
  30. <meta name="color:Gradient Blog Border 2" content="#ffb6c1" />
  31. <meta name="color:Shadows" content="#ccc" />
  32. <meta name="color:Sidebar Background" content="#fff" />
  33. <meta name="color:Sidebar Border" content="#ffb6c1" />
  34. <meta name="color:Navlinks Background" content="#ffb6c1" />
  35. <meta name="color:Navlinks Text" content="#000" />
  36. <meta name="color:Icon Background" content="#fff" />
  37. <meta name="color:Icon Border" content="#ffb6c1" />
  38. <meta name="color:Title" content="#ffb6c1" />
  39. <meta name="color:Description Text" content="#000" />
  40. <meta name="color:Searchbar" content="#ffb6c1" />
  41. <meta name="color:Post Background" content="#fff" />
  42. <meta name="color:Gradient Post Background 1" content="#fff" />
  43. <meta name="color:Gradient Post Background 2" content="#ffb6c1" />
  44. <meta name="color:Post Border" content="#ffb6c1" />
  45. <meta name="color:Body Text" content="#000" />
  46. <meta name="color:Body Links" content="#ffb6c1" />
  47. <meta name="color:Photo Permalink Background" content="#ffb6c1" />
  48. <meta name="color:Photo Permalink Text" content="#fff" />
  49. <meta name="color:Post Accent" content="#ffb6c1" />
  50. <meta name="color:Question Background" content="#ffb6c1" />
  51. <meta name="color:Question Text" contnet="#000" />
  52. <meta name="color:Updates Tab Border" content="#ffb6c1" />
  53. <meta name="color:Updates Tab Background" content="#fff" />
  54. <meta name="color:Updates Tab Text" content="#000" />
  55. <meta name="color:Popup Text" content="#000" />
  56. <meta name="color:Popup Border" content="#ffb6c1" />
  57. <meta name="color:Popup Background" content="#fff" />
  58. <meta name="color:Popup Mask" content="#ffb6c1" />
  59. <meta name="color:Gradient Popup Mask 1" content="#fff" />
  60. <meta name="color:Gradient Popup Mask 2" content="#ffb6c1" />
  61. <meta name="color:Faq Question" content="#ffb6c1" />
  62. <meta name="color:Popup Links Background" content="#ffb6c1" />
  63. <meta name="color:Popup Links Borders" content="#ffb6c1" />
  64. <meta name="color:Popup Links Tab Links" content="#000" />
  65. <meta name="color:Popup Blogroll Borders" content="#ffb6c1" />
  66. <meta name="color:Tooltip Background" content="#ffb6c1" />
  67. <meta name="color:Tooltip Text" content="#fff" />
  68. <meta name="color:Lightbox Border" content="#fff" />
  69. <meta name="color:Lightbox Background" content="#ffb6c1" />
  70. <meta name="color:Lightbox Background Darker" contnet="#cd8c95" />
  71. <meta name="color:Highlight" content="#ffb6c1" />
  72. <meta name="color:Loading Icon" content="#ffb6c1" />
  73.  
  74. <meta name="font:Body" content='Georgia,serif'/>
  75.  
  76. <meta name="select:Other Font" content="Consolas" title="Consolas">
  77. <meta name="select:Other Font" content="Arial" title="Arial">
  78. <meta name="select:Other Font" content="Century Gothic" title="Century Gothic">
  79. <meta name="select:Other Font" content="'Open Sans', sans-serif" title="Open Sans">
  80. <meta name="select:Other Font" content="'Abel', sans-serif" title="Abel">
  81. <meta name="select:Other Font" content="Calibri" title="Calibri">
  82. <meta name="select:Other Font" content="'Josefin Slab', sans-serif" title="Josefin Slab">
  83. <meta name="select:Other Font" content="'Inconsolata', " title="Inconsolata">
  84. <meta name="select:Other Font" content="'Delius', cursive" title="Delius">
  85. <meta name="select:Other Font" content="'Marmelad', sans-serif" title="Marmelad">
  86.  
  87. <meta name="select:Credit Position" content="credbl" title="Bottom Left">
  88. <meta name="select:Credit Position" content="credbr" title="Bottom Right">
  89. <meta name="select:Credit Position" content="credtl" title="Top Left">
  90. <meta name="select:Credit Position" content="credtr" title="Top Right">
  91.  
  92. <meta name="select:Background Grid Type" content="http://static.tumblr.com/yxfeliq/tfAnrmfgs/normal.png" title="Normal">
  93. <meta name="select:Background Grid Type" content="http://static.tumblr.com/yxfeliq/X2mnrmfh6/inverted.png" title="Inverted">
  94.  
  95. <meta name="select:Grid Size" content="12px" title="Medium">
  96. <meta name="select:Grid Size" content="5px" title="Small">
  97. <meta name="select:Grid Size" content="20px" title="Large">
  98. <meta name="select:Grid Size" content="30px" title="Huge">
  99.  
  100. <meta name="select:Blog Border Width" content="10px" title="Narrow">
  101. <meta name="select:Blog Border Width" content="15px" title="Medium">
  102. <meta name="select:Blog Border Width" content="20px" title="Chunky">
  103.  
  104. <meta name="select:Sidebar Position" content="botr" title="Bottom Right">
  105. <meta name="select:Sidebar Position" content="midr" title="Middle Right">
  106. <meta name="select:Sidebar Position" content="topr" title="Top Right">
  107. <meta name="select:Sidebar Position" content="botc" title="Bottom Center">
  108. <meta name="select:Sidebar Position" content="midc" title="Middle Center">
  109. <meta name="select:Sidebar Position" content="topc" title="Top Center">
  110. <meta name="select:Sidebar Position" content="botl" title="Bottom Left">
  111. <meta name="select:Sidebar Position" content="midl" title="Middle Left">
  112. <meta name="select:Sidebar Position" content="topl" title="Top Left">
  113.  
  114. <meta name="select:Post Alignment" content="centerp" title="Centered">
  115. <meta name="select:Post Alignment" content="leftp" title="Left">
  116. <meta name="select:Post Alignment" content="rightp" title="Right">
  117.  
  118. <meta name="select:Corner Image Position" content="botri" title="Bottom Right">
  119. <meta name="select:Corner Image Position" content="botli" title="Bottom Left">
  120.  
  121. <meta name="select:Corner Image Width" content="150px" title="150px">
  122. <meta name="select:Corner Image Width" content="200px" title="200px">
  123. <meta name="select:Corner Image Width" content="250px" title="250px">
  124. <meta name="select:Corner Image Width" content="300px" title="300px">
  125. <meta name="select:Corner Image Width" content="350px" title="350px">
  126.  
  127. <meta name="select:Updates Tab Position" content="toplu" title="Top Left">
  128. <meta name="select:Updates Tab Position" content="midlu" title="Middle Left">
  129. <meta name="select:Updates Tab Position" content="botlu" title="Bottom Left">
  130. <meta name="select:Updates Tab Position" content="topru" title="Top Right">
  131. <meta name="select:Updates Tab Position" content="midru" title="Middle Right">
  132. <meta name="select:Updates Tab Position" content="botru" title="Bottom Right">
  133.  
  134. <meta name="select:Icon" content="50%" title="Circular">
  135. <meta name="select:Icon" content="10px" title="Rounded">
  136. <meta name="select:Icon" content="0px" title="Square">
  137.  
  138. <meta name="select:Icon Border" content="solid" title="Solid">
  139. <meta name="select:Icon Border" content="dashed" title="Dashed">
  140. <meta name="select:Icon Border" content="dotted" title="Dotted">
  141.  
  142. <meta name="select:Sidebar Border" content="solid" title="Solid">
  143. <meta name="select:Sidebar Border" content="dashed" title="Dashed">
  144. <meta name="select:Sidebar Border" content="dotted" title="Dotted">
  145.  
  146. <meta name="select:Posts Border" content="solid" title="Solid">
  147. <meta name="select:Posts Border" content="dashed" title="Dashed">
  148. <meta name="select:Posts Border" content="dotted" title="Dotted">
  149.  
  150. <meta name="select:Popup Border" content="solid" title="Solid">
  151. <meta name="select:Popup Border" content="dashed" title="Dashed">
  152. <meta name="select:Popup Border" content="dotted" title="Dotted">
  153.  
  154. <meta name="select:Updates Tab Border" content="solid" title="Solid">
  155. <meta name="select:Updates Tab Border" content="dashed" title="Dashed">
  156. <meta name="select:Updates Tab Border" content="dotted" title="Dotted">
  157.  
  158. <meta name="select:Popup Entry" content="" title="Normal">
  159. <meta name="select:Popup Entry" content="lefter" title="Slide In Left">
  160. <meta name="select:Popup Entry" content="righter" title="Slide In Right">
  161.  
  162. <meta name="select:See Through Popups" content="0.9" title="Yes">
  163. <meta name="select:See Through Popups" content="1" title="No">
  164.  
  165. <meta name="if:Other Font" content="1" />
  166. <meta name="if:Pagination" content="0" />
  167. <meta name="if:Blog Border" content="0" />
  168. <meta name="if:Corner Pic" content="0" />
  169. <meta name="if:Captions" content="0" />
  170. <meta name="if:Gradient Blog Border" content="0" />
  171. <meta name="if:Tiled Background" content="1"/>
  172. <meta name="if:Gradient Background" content="0"/>
  173. <meta name="if:Grid Background" content="1" />
  174. <meta name="if:Same Permalinks For All" content="0" />
  175. <meta name="if:Shadows" content="1" />
  176. <meta name="if:Inverted Tumblr Controls" content="1"/>
  177. <meta name="if:Lightbox Borders" content="0" />
  178. <meta name="if:1 Column" content="0" />
  179. <meta name="if:3 Columns" content="0" />
  180. <meta name="if:Icon" content="1" />
  181. <meta name="if:Search Bar" content="1" />
  182. <meta name="if:Post Border" content="1" />
  183. <meta name="if:Sidebar Border" content="1" />
  184. <meta name="if:Icon Border" content="1" />
  185. <meta name="if:Updates Tab Border" content="1" />
  186. <meta name="if:Rounded Posts" content="1"/>
  187. <meta name="if:Rounded Sidebar" content="1"/>
  188. <meta name="if:Rounded Navlinks" content="1"/>
  189. <meta name="if:Rounded Popups" content="1" />
  190. <meta name="if:Rounded Updates Tab" content="1" />
  191. <meta name="if:Music Player in Description" content="0" />
  192. <meta name="if:Music Player in Updates Tab" content="0" />
  193.  
  194. <meta name="if:Popups" content="0" />
  195. <meta name="if:Contact Popup" content="1" />
  196. <meta name="if:I Will Wont" content="0" />
  197. <meta name="if:Links Popup" content="0" />
  198. <meta name="if:Blogroll Popup" content="0" />
  199. <meta name="if:Archive Popup" content="0" />
  200. <meta name="if:Popup Background" content="0" />
  201. <meta name="if:Gradient Popup Mask" content="0" />
  202. <meta name="if:Popup Border" content="1" />
  203.  
  204. <meta name="if:Gradient Post Background" content="0"/>
  205. <meta name="if:Show Description" content="0" />
  206. <meta name="if:Archive Link" content="1" />
  207. <meta name="if:Rainbow Links on Hover" content="0" />
  208. <meta name="if:Sign Off Asks" content="0" />
  209. <meta name="if:Custom Favicon" content="0" />
  210. <meta name="if:Custom Tab Title" content="0" />
  211.  
  212. <meta name="if:Updates Tab" content="0" />
  213. <meta name="if:3 Tabs" content="0" />
  214. <meta name="if:4 Tabs" content="0" />
  215. <meta name="if:5 Tabs" content="0" />
  216.  
  217. <meta name="text:Link 1" content="" />
  218. <meta name="text:URL 1" content="" />
  219. <meta name="text:Link 1 Tooltip" content="" />
  220. <meta name="text:Link 2" content="" />
  221. <meta name="text:URL 2" content="" />
  222. <meta name="text:Link 2 Tooltip" content="" />
  223. <meta name="text:Link 3" content="" />
  224. <meta name="text:URL 3" content="" />
  225. <meta name="text:Link 3 Tooltip" content="" />
  226. <meta name="text:Ask Sign Off" content="your name xx" />
  227. <meta name="text:Corner Image Tooltip" content=""/>
  228.  
  229. <meta name="text:I Will One" content="" />
  230. <meta name="text:I Will Two" content="" />
  231. <meta name="text:I Will Three" content="" />
  232. <meta name="text:I Will Four" content="" />
  233. <meta name="text:I Will Five" content="" />
  234. <meta name="text:I Wont One" content="" />
  235. <meta name="text:I Wont Two" content="" />
  236. <meta name="text:I Wont Three" content="" />
  237. <meta name="text:I Wont Four" content="" />
  238. <meta name="text:I Wont Five" content="" />
  239.  
  240. <meta name="text:Faq Question 1" content="" />
  241. <meta name="text:Faq Answer 1" content="" />
  242. <meta name="text:Faq Question 2" content="" />
  243. <meta name="text:Faq Answer 2" content="" />
  244. <meta name="text:Faq Question 3" content="" />
  245. <meta name="text:Faq Answer 3" content="" />
  246. <meta name="text:Faq Question 4" content="" />
  247. <meta name="text:Faq Answer 4" content="" />
  248. <meta name="text:Faq Question 5" content="" />
  249. <meta name="text:Faq Answer 5" content="" />
  250. <meta name="text:Faq Question 6" content="" />
  251. <meta name="text:Faq Answer 6" content="" />
  252.  
  253. <meta name="text:Popup Link 1" content="" />
  254. <meta name="text:Popup URL 1" content="" />
  255. <meta name="text:Popup Link 2" content="" />
  256. <meta name="text:Popup URL 2" content="" />
  257. <meta name="text:Popup Link 3" content="" />
  258. <meta name="text:Popup URL 3" content="" />
  259. <meta name="text:Popup Link 4" content="" />
  260. <meta name="text:Popup URL 4" content="" />
  261. <meta name="text:Popup Link 5" content="" />
  262. <meta name="text:Popup URL 5" content="" />
  263. <meta name="text:Popup Link 6" content="" />
  264. <meta name="text:Popup URL 6" content="" />
  265. <meta name="text:Popup Link 7" content="" />
  266. <meta name="text:Popup URL 7" content="" />
  267. <meta name="text:Popup Link 8" content="" />
  268. <meta name="text:Popup URL 8" content="" />
  269. <meta name="text:Popup Link 9" content="" />
  270. <meta name="text:Popup URL 9" content="" />
  271.  
  272. <meta name="text:Favicon URL" content="http://" />
  273. <meta name="text:Tab Title" content="" />
  274.  
  275. <meta name="text:First Tab Title" content="title here" />
  276. <meta name="text:First Tab Content" content="content here" />
  277. <meta name="text:First Tab Height" content="50px" />
  278. <meta name="text:Tab 2 Title" content="title here" />
  279. <meta name="text:Tab 2 Content" content="content here" />
  280. <meta name="text:Tab 2 Height" content="50px" />
  281. <meta name="text:Tab 3 Title" content="title here" />
  282. <meta name="text:Tab 3 Content" content="content here" />
  283. <meta name="text:Tab 3 Height" content="50px" />
  284. <meta name="text:Tab 4 Title" content="title here" />
  285. <meta name="text:Tab 4 Content" content="content here" />
  286. <meta name="text:Tab 4 Height" content="50px" />
  287. <meta name="text:Last Tab Title" content="title here" />
  288. <meta name="text:Last Tab Content" content="content here" />
  289. <meta name="text:Last Tab Height" content="50px" />
  290.  
  291. <meta name="text:Song 1 URL" content="" />
  292. <meta name="text:Song 1 Title" content="" />
  293. <meta name="text:Song 2 URL" content="" />
  294. <meta name="text:Song 2 Title" content="" />
  295. <meta name="text:Song 3 URL" content="" />
  296. <meta name="text:Song 3 Title" content="" />
  297. <meta name="text:Song 4 URL" content="" />
  298. <meta name="text:Song 4 Title" content="" />
  299. <meta name="text:Song 5 URL" content="" />
  300. <meta name="text:Song 5 Title" content="" />
  301. <meta name="text:Song 6 URL" content="" />
  302. <meta name="text:Song 6 Title" content="" />
  303. <meta name="text:Song 7 URL" content="" />
  304. <meta name="text:Song 7 Title" content="" />
  305. <meta name="text:Song 8 URL" content="" />
  306. <meta name="text:Song 8 Title" content="" />
  307. <meta name="text:Song 9 URL" content="" />
  308. <meta name="text:Song 9 Title" content="" />
  309. <meta name="text:Song 10 URL" content="" />
  310. <meta name="text:Song 10 Title" content="" />
  311.  
  312. {block:Description}
  313. <meta name="description" content="{MetaDescription}" />
  314. {/block:Description}
  315. <meta charset="utf-8">
  316. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  317. {block:IfNotCustomTabTitle}
  318. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  319. {/block:IfNotCustomTabTitle}
  320. {block:IfCustomTabTitle}
  321. <title>{text:Tab Title}</title>
  322. {/block:IfCustomTabTitle}
  323. {block:IfNotCustomFavicon}
  324. <link rel="shortcut icon" href="{Favicon}">
  325. {/block:IfNotCustomFavicon}
  326. {block:IfCustomFavicon}
  327. <link rel="shortcut icon" href="{text:Favicon URL}">
  328. {/block:IfCustomFavicon}
  329. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  330. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  331. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  332. <link href='//fonts.googleapis.com/css?family=Abel|Cutive+Mono|Poiret+One|Short+Stack|Josefin+Slab|Inconsolata|Slabo+27px|Open+Sans|Delius|Marmelad' rel='stylesheet' type='text/css'>
  333. {block:IfSignOffAsks}
  334. <link href='//fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  335. {/block:IfSignOffAsks}
  336. <style type="text/css">
  337. /*Basic styles*/
  338. #tumblr_controls{
  339. top: {select:Blog Border Width} !important;
  340. margin: 0 0 0 0!important;
  341. right: calc({select:Blog Border Width} - 5px) !important;
  342. position: fixed !important;
  343. {block:IfInvertedTumblrControls}
  344. -webkit-filter: invert(100%) ;important;
  345. opacity:0.5!important;
  346. {/block:IfInvertedTumblrControls}
  347. }
  348. ::-moz-selection {
  349. background: {color:Highlight};
  350. color: #fff;
  351. }
  352. ::selection {
  353. background: {color:Highlight};
  354. color: #fff;
  355. }
  356. {block:IfNotBlogBorder}
  357. {block:IfNotGradientBackground}
  358. ::-webkit-scrollbar {
  359. background-color: {color:Scrollbar};
  360. border: 3px solid {color:Scrollbar Background};
  361. height: 7px;
  362. width: 7px;
  363. }
  364. ::-webkit-scrollbar-thumb {
  365. background-color: {color:Scrollbar};
  366. border:1px solid {color:Scrollbar Background};
  367. width: 7px;
  368. height: 7px;
  369. }
  370. {/block:IfNotGradientBackground}
  371. {block:IfGradientBackground}
  372. ::-webkit-scrollbar {
  373. background:-o-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1} );
  374. background: -moz-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  375. background: -webkit-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  376. background: -ms-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  377. background: linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  378. height: 5px;
  379. width: 5px;
  380. }
  381. ::-webkit-scrollbar-thumb {
  382. background-color: {color:Scrollbar};
  383. width: 5px;
  384. height: 5px;
  385. }
  386. {/block:IfGradientBackground}
  387. {/block:IfNotBlogBorder}
  388. {block:IfBlogBorder}
  389. ::-webkit-scrollbar {
  390. {block:IfNotGradientBlogBorder}
  391. background-color: {color:Scrollbar Background};
  392. {/block:IfNotGradientBlogBorder}
  393. {block:IfGradientBlogBorder}
  394. background: -webkit-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  395. background: -o-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  396. background: -moz-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  397. background: linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  398. {/block:IfGradientBlogBorder}
  399. height: 5px;
  400. width: 5px;
  401. }
  402. ::-webkit-scrollbar-thumb {
  403. background-color: {color:Scrollbar};
  404. width: 5px;
  405. height: 5px;
  406. }
  407. {/block:IfBlogBorder}
  408. #s-m-t-tooltip {
  409. max-width:200px;
  410. padding:5px;
  411. margin:20px 0 0 20px;
  412. text-transform:uppercase;
  413. font-size:10px;
  414. color:{color:Tooltip Text};
  415. background:{color:Tooltip Background};
  416. z-index:9999999999999999999999999999999999999999999999999999999999999999;
  417. }
  418. {block:IfBlogBorder}
  419. #topping {
  420. position:fixed;
  421. z-index:999999999;
  422. width:100%;
  423. height:{select:Blog Border Width};
  424. left:0px;
  425. top:0px;
  426. {block:IfGradientBlogBorder}
  427. background:{color:Gradient Blog Border 1};
  428. {/block:IfGradientBlogBorder}
  429. }
  430. #lefting {
  431. position:fixed;
  432. z-index:999999999;
  433. width:{select:Blog Border Width};
  434. height:100%;
  435. left:0px;
  436. top:0px;
  437. {block:IfGradientBlogBorder}
  438. background: -webkit-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  439. background: -o-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  440. background: -moz-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  441. background: linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  442. {/block:IfGradientBlogBorder}
  443. }
  444. #righting {
  445. position:fixed;
  446. z-index:999999999;
  447. width:calc({select:Blog Border Width} - 5px);
  448. height:100%;
  449. right:0px;
  450. top:0px;
  451. {block:IfGradientBlogBorder}
  452. background: -webkit-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  453. background: -o-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  454. background: -moz-linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  455. background: linear-gradient({color:Gradient Blog Border 1}, {color:Gradient Blog Border 2});
  456. {/block:IfGradientBlogBorder}
  457. }
  458. #botting {
  459. position:fixed;
  460. z-index:999999999;
  461. width:100%;
  462. height:{select:Blog Border Width};
  463. left:0px;
  464. bottom:0px;
  465. {block:IfGradientBlogBorder}
  466. background:{color:Gradient Blog Border 2};
  467. {/block:IfGradientBlogBorder}
  468. }
  469. {block:IfNotGradientBlogBorder}
  470. #botting, #righting, #lefting, #topping {
  471. background:{color:Blog Border};
  472. }
  473. {/block:IfNotGradientBlogBorder}
  474. {/block:IfBlogBorder}
  475. #content {
  476. {block:IndexPage}
  477. margin-top:20px!important;
  478. {block:IfNot3Columns}
  479. {block:IfNot1Column}
  480. width:645px;
  481. {/block:IfNot1Column}
  482. {block:If1Column}
  483. width:450px;
  484. margin-bottom:50px!important;
  485. {/block:If1Column}
  486. {/block:IfNot3Columns}
  487. {block:If3Columns}
  488. width:976px;
  489. {/block:If3Columns}
  490. {/block:IndexPage}
  491. {block:PermalinkPage}
  492. width:520px;
  493. margin-top:20px!important;
  494. margin-bottom:50px!important;
  495. {/block:PermalinkPage}
  496.  
  497. }
  498. .centerp {
  499. margin:0 auto;
  500. }
  501. .leftp {
  502. margin-left:20px;
  503. }
  504. .rightp {
  505. margin-right:20px;
  506. margin-left:auto;
  507. }
  508. body {
  509. background: {block:IfNotGridBackground}{color:Background} url('{image:Background}'){block:IfNotTiledBackground}
  510. no-repeat center center fixed;
  511. -webkit-background-size: cover;
  512. -moz-background-size: cover;
  513. -o-background-size: cover;
  514. background-size: cover;
  515. {/block:IfNotTiledBackground}
  516. {block:IfTiledBackground}
  517. repeat fixed;
  518. {/block:IfTiledBackground}
  519. {/block:IfNotGridBackground}
  520. {block:IfGridBackground}
  521. {color:Grid} url('{select:Background Grid Type}') repeat fixed;
  522. -webkit-background-size: {select:Grid Size};
  523. -moz-background-size: {select:Grid Size};
  524. -o-background-size: {select:Grid Size};
  525. background-size: {select:Grid Size};
  526. {/block:IfGridBackground}
  527. {block:IfGradientBackground}
  528. background-image:-o-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1} );
  529. background-image: -moz-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  530. background-image: -webkit-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  531. background-image: -ms-linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  532. background-image: linear-gradient(bottom, {color:Gradient Background 2}, {color:Gradient Background 1});
  533. {/block:IfGradientBackground}
  534. color: {color:Body Text};
  535. {block:IfOtherFont}
  536. font-family: {select:Other Font};
  537. {/block:IfOtherFont}
  538. {block:IfNotOtherFont}
  539. font-family: {font:Body};
  540. {/block:IfNotOtherFont}
  541. font-size: 12px;
  542. margin: 0;
  543. padding: 0;
  544. }
  545. h1 {
  546. font-size:20px;
  547. }
  548. article h1 {
  549. font-size:16px;
  550. }
  551. a {
  552. color: {color:Body Links};
  553. text-decoration: none;
  554. }
  555. a:focus {
  556. outline:none;
  557. }
  558. blockquote {
  559. border-left: 1px solid {color:Post Accent};
  560. margin:0 0 0 10px;
  561. padding: 0 0px 0 5px;
  562. }
  563. iframe, img, embed, object, video {
  564. max-width: 100%;
  565. }
  566. img {
  567. height: auto;
  568. width: auto;
  569. }
  570. p {
  571. margin:5px 0px;
  572. }
  573. .credit {
  574. width:14px;
  575. height:13px;
  576. color: {color:Sidebar Border};
  577. position:fixed;
  578. line-height: 14px;
  579. font-size:12px;
  580. font-family: 'consolas';
  581. text-transform: uppercase;
  582. padding:3px 4px;
  583. overflow: hidden;
  584. z-index:999999999999999999;
  585. -webkit-transition: all 0.4s ease-in-out;
  586. -moz-transition: all 0.4s ease-in-out;
  587. -o-transition: all 0.4s ease-in-out;
  588. transition: all 0.4s ease-in-out;
  589. }
  590. .credtl {
  591. top: calc({select:Blog Border Width} + 5px);
  592. left: calc({select:Blog Border Width} + 5px);
  593. }
  594. .credtr {
  595. top: calc({select:Blog Border Width} + 25px);
  596. right: calc({select:Blog Border Width} + 5px);
  597. }
  598. .credbl {
  599. bottom: calc({select:Blog Border Width} + 5px);
  600. left: calc({select:Blog Border Width} + 5px);
  601. }
  602. .credbr {
  603. bottom: calc({select:Blog Border Width} + 5px);
  604. right: calc({select:Blog Border Width} + 5px);
  605. }
  606. .credbr .fa-diamond, .credtr .fa-diamond {
  607. right:4px;
  608. position:absolute;
  609. }
  610. .credit:hover {
  611. width:111px;
  612. background:#000;
  613. color:#fff;
  614. -webkit-transition: all 0.5s ease-in-out;
  615. -moz-transition: all 0.5s ease-in-out;
  616. -o-transition: all 0.5s ease-in-out;
  617. transition: all 0.5s ease-in-out;
  618. }
  619. .credit a {
  620. color:#fff;
  621. text-decoration: none;
  622. }
  623. .credit .mine {
  624. opacity:0;
  625. visibility:hidden;
  626. }
  627. .credit:hover .mine {
  628. opacity: 1;
  629. visibility: visible;
  630. -webkit-transition: all 0.5s ease-in-out 0.5s;
  631. -moz-transition: all 0.5s ease-in-out 0.5s;
  632. -o-transition: all 0.5s ease-in-out 0.5s;
  633. transition: all 0.5s ease-in-out 0.5s;
  634. }
  635. /*Sidebar*/
  636.  
  637. .sidebar {
  638. {block:IfSidebarBorder}
  639. border:1px {select:Sidebar Border} {color:Sidebar Border};
  640. {/block:IfSidebarBorder}
  641. min-height:100px;
  642. width:180px;
  643. {block:IfRoundedSidebar}
  644. border-radius:5px;
  645. {/block:IfRoundedSidebar}
  646. position:fixed;
  647. background:{color:Sidebar Background};
  648. text-align:center;
  649. padding:10px;
  650. z-index:99999999;
  651. color:{color:Description Text};
  652. {block:IfShadows}
  653. box-shadow:3px 3px rgba({RGBcolor:Shadows},0.5);
  654. {/block:IfShadows}
  655. }
  656. .pagination {
  657. {block:IfNotPagination}
  658. display:none;
  659. {/block:IfNotPagination}
  660. {block:IfPagination}
  661. position:absolute;
  662. bottom:-30px;
  663. width:180px;
  664. text-align:center;
  665. z-index:99999999;
  666. }
  667. .pagination a {
  668. padding:4px 6px;
  669. background:{color:Sidebar Background};
  670. {block:IfSidebarBorder}
  671. border:1px {select:Sidebar Border} {color:Sidebar Border};
  672. {/block:IfSidebarBorder}
  673. {block:IfRoundedSidebar}
  674. border-radius:5px;
  675. {/block:IfRoundedSidebar}
  676. margin:5px;
  677. {block:IfShadows}
  678. box-shadow:3px 3px rgba({RGBcolor:Shadows},0.5);
  679. {/block:IfShadows}
  680. {/block:IfPagination}
  681. }
  682. .topl {
  683. {block:IfNotIcon}
  684. top:40px;
  685. {/block:IfNotIcon}
  686. {block:IfIcon}
  687. top:104px;
  688. {/block:IfIcon}
  689. left:40px;
  690. }
  691. .midl {
  692. top:250px;
  693. left:40px;
  694. }
  695. .botl {
  696. {block:IfPagination}
  697. bottom:70px;
  698. {/block:IfPagination}
  699. {block:IfNotPagination}
  700. bottom:40px;
  701. {/block:IfNotPagination}
  702. left:40px;
  703. }
  704. .topc {
  705. {block:IfNotIcon}
  706. top:40px;
  707. {/block:IfNotIcon}
  708. {block:IfIcon}
  709. top:104px;
  710. {/block:IfIcon}
  711. margin-left:50%;
  712. left:-100px;
  713. }
  714. .midc {
  715. top:250px;
  716. margin-left:50%;
  717. left:-100px;
  718. }
  719. .botc {
  720. {block:IfPagination}
  721. bottom:70px;
  722. {/block:IfPagination}
  723. {block:IfNotPagination}
  724. bottom:40px;
  725. {/block:IfNotPagination}
  726. margin-left:50%;
  727. left:-100px;
  728. }
  729. .topr {
  730. {block:IfNotIcon}
  731. top:40px;
  732. {/block:IfNotIcon}
  733. {block:IfIcon}
  734. top:104px;
  735. {/block:IfIcon}
  736. right:40px;
  737. }
  738. .midr {
  739. top:250px;
  740. right:40px;
  741. }
  742. .botr {
  743. {block:IfPagination}
  744. bottom:70px;
  745. {/block:IfPagination}
  746. {block:IfNotPagination}
  747. bottom:40px;
  748. {/block:IfNotPagination}
  749. right:40px;
  750. }
  751. {block:IfIcon}
  752. img.avatarie {
  753. display:block;
  754. text-align:center;
  755. width:128px;
  756. margin-left:50%;
  757. left:-69px;
  758. background:{color:Icon Background};
  759. {block:IfIconBorder}
  760. border:1px {select:Icon Border} {color:Icon Border};
  761. {/block:IfIconBorder}
  762. border-radius:{select:Icon};
  763. position:absolute;
  764. top:-69px;
  765. padding:5px;
  766. }
  767. .title {
  768. margin-top:72px;
  769. }
  770. {/block:IfIcon}
  771. .title a {
  772. color:{color:Title};
  773. }
  774. ul.linkeroos {
  775. padding:0;
  776. margin-bottom:0;
  777. }
  778. ul.linkeroos li {
  779. display: inline;
  780. background:{color:Navlinks Background};
  781. padding:2px 4px;
  782. {block:IfRoundedNavlinks}
  783. border-radius:5px;
  784. {/block:IfRoundedNavlinks}
  785. margin:0 1px;
  786. font-size:12px;
  787. line-height:24px;
  788. -webkit-transition:.3s;
  789. -moz-transition:.3s;
  790. -ms-transition:.3s;
  791. -o-transition:.3s;
  792. transition:.3s;
  793. }
  794. ul.linkeroos a {
  795. color:{color:Navlinks Text};
  796. }
  797. ul.likeroos li:hover {
  798. -webkit-transition:.3s;
  799. -moz-transition:.3s;
  800. -ms-transition:.3s;
  801. -o-transition:.3s;
  802. transition:.3s;
  803. }
  804. .alert {
  805. {block:IfNotPagination}
  806. display:none;
  807. margin:0!important;
  808. padding:0!important;
  809. width:0!important;
  810. border:0!important;
  811. box-shadow:0 0;
  812. {/block:IfNotPagination}
  813. {block:IfPagination}
  814. display:block!important;
  815. {block:IfNot1Column}
  816. width:550px!important;
  817. {/block:IfNot1Column}
  818. {block:If1Column}
  819. width:400px!important;
  820. {/block:If1Column}
  821. text-align:center;
  822. margin:25px!important;
  823. background:{color:Post Background}!important;
  824. padding:10px!important;
  825. {block:IfPostBorder}
  826. border: 1px {select:Posts Border} {color:Post Border};!important;
  827. {/block:ifPostBorder}
  828. {block:IfRoundedPosts}
  829. border-radius:5px!important;
  830. {/block:IfRoundedPosts}
  831. {block:IfShadows}
  832. box-shadow:3px 3px rgba({RGBcolor:Shadows},0.5)!important;
  833. {/block:IfShadows}
  834. {/block:IfPagination}
  835. }
  836. .dontshow {
  837. display:none;
  838. margin:0!important;
  839. padding:0!important;
  840. width:0!important;
  841. border:0!important;
  842. box-shadow:0 0;
  843. }
  844. .page1{
  845. display:block!important;
  846. {block:IfNot1Column}
  847. width:550px!important;
  848. {/block:IfNot1Column}
  849. {block:If1Column}
  850. width:400px!important;
  851. {/block:If1Column}
  852. text-align:center;
  853. margin:25px!important;
  854. background:{color:Post Background}!important;
  855. padding:10px!important;
  856. {block:IfPostBorder}
  857. border: 1px {select:Posts Border} {color:Post Border}!important;
  858. {/block:ifPostBorder}
  859. {block:IfRoundedPosts}
  860. border-radius:5px!important;
  861. {/block:IfRoundedPosts}
  862. {block:IfShadows}
  863. box-shadow:3px 3px rgba({RGBcolor:Shadows},0.5)!important;
  864. {/block:IfShadows}
  865. }
  866. /*Article*/
  867. article {
  868. background: {color:Post Background};
  869. {block:IndexPage}
  870. margin: 25px;
  871. {block:IfNot1Column}
  872. width:250px;
  873. {/block:IfNot1Column}
  874. {block:If1Column}
  875. width:400px;
  876. {/block:If1Column}
  877. {/block:IndexPage}
  878. {block:PermalinkPage}
  879. width: 500px;
  880. margin: 60px 10px 10px 10px;
  881. {/block:PermalinkPage}
  882. {block:IfPostBorder}
  883. border: 1px {select:Posts Border} {color:Post Border};
  884. {/block:ifPostBorder}
  885. {block:IfRoundedPosts}
  886. border-radius:5px;
  887. {/block:IfRoundedPosts}
  888. {block:IfShadows}
  889. box-shadow:3px 3px rgba({RGBcolor:Shadows},0.5);
  890. {/block:IfShadows}
  891. overflow:hidden;
  892. padding:10px;
  893. {block:IfGradientPostBackground}
  894. background-image:-o-linear-gradient(bottom, {color:Gradient Post Background 2}, {color:Gradient Post Background 1} );
  895. background-image: -moz-linear-gradient(bottom, {color:Gradient Background Post 2}, {color:Gradient Post Background 1});
  896. background-image: -webkit-linear-gradient(bottom, {color:Gradient Post Background 2}, {color:Gradient Post Background 1});
  897. background-image: -ms-linear-gradient(bottom, {color:Gradient Post Background 2}, {color:Gradient Post Background 1});
  898. background-image: linear-gradient(bottom, {color:Gradient Post Background 2}, {color:Gradient Post Background 1});
  899. {/block:IfGradientPostBackground}
  900. }
  901. .detailios {
  902. width:500px;
  903. margin:10px;
  904. {block:IfPostBorder}
  905. border: 1px {select:Posts Border} {color:Post Border};
  906. {/block:ifPostBorder}
  907. background:{color:Post Background};
  908. color:#000;
  909. {block:IfShadows}
  910. box-shadow:3px 3px rgba({RGBcolor:Shadows},0.5);
  911. {/block:IfShadows}
  912. {block:IfRoundedPosts}
  913. border-radius:5px;
  914. {/block:IfRoundedPosts}
  915. padding:10px;
  916. {block:IfGradientPostBackground}
  917. background-image:-o-linear-gradient(bottom, {color:Gradient Post Background 2}, {color:Gradient Post Background 1} );
  918. background-image: -moz-linear-gradient(bottom, {color:Gradient Background Post 2}, {color:Gradient Post Background 1});
  919. background-image: -webkit-linear-gradient(bottom, {color:Gradient Post Background 2}, {color:Gradient Post Background 1});
  920. background-image: -ms-linear-gradient(bottom, {color:Gradient Post Background 2}, {color:Gradient Post Background 1});
  921. background-image: linear-gradient(bottom, {color:Gradient Post Background 2}, {color:Gradient Post Background 1});
  922. {/block:IfGradientPostBackground}
  923. }
  924. article img {
  925. vertical-align:middle;
  926. }
  927. .text ul {
  928. padding-left:20px;
  929. }
  930. h1.post_title {
  931. padding:0;
  932. margin:0;
  933. font-size:20px;
  934. }
  935. .quote h1.post_title {
  936. color:{color:Post Accent};
  937. }
  938. .quote .short {
  939. font-size:24px;
  940. }
  941. .quote .medium {
  942. font-size:18px;
  943. }
  944. .quote .long {
  945. font-size:12px;
  946. }
  947. .photosetty {
  948. margin-bottom:-5px;
  949. }
  950. cite {
  951. font-style:normal;
  952. }
  953. .chat span {
  954. float: left;
  955. margin-right: 5px;
  956. }
  957. .chat .label {
  958. color:{color:Post Accent};
  959. text-transform:uppercase;
  960. font-weight:bold;
  961. }
  962. .chat ul {
  963. list-style: none;
  964. margin: 0;
  965. padding: 0;
  966. }
  967. .chat li {
  968. padding: 5px 0px;
  969. border-bottom:1px solid {color:Post Accent};
  970. }
  971. .chat li:last-child {
  972. border-bottom:0!important;
  973. }
  974. .tumblr_audio_player {
  975. height: 30px;
  976. width: 500px;
  977. opacity:0.9;
  978. {block:permalinkpage}
  979. margin-top:14px;
  980. {/block:permalinkpage}
  981. }
  982. .albumart {
  983. position:absolute;
  984. {block:IfNot1Column}
  985. width:60px;
  986. height:60px;
  987. {/block:IfNot1Column}
  988. {block:If1Column}
  989. width:160px;
  990. height:160px;
  991. {/block:If1Column}
  992. }
  993.  
  994. .albumart img {
  995. float:left;
  996. {block:IfNot1Column}
  997. width:60px;
  998. height:60px;
  999. {/block:IfNot1Column}
  1000. {block:If1Column}
  1001. width:160px;
  1002. height:160px;
  1003. {/block:If1Column}
  1004. }
  1005.  
  1006. .playbox {
  1007. opacity:0.6;
  1008. width:30px;
  1009. height:30px;
  1010. overflow:hidden;
  1011. position:absolute;
  1012. z-index:2;
  1013. border-radius:50%;
  1014. {block:IfNot1Column}
  1015. margin-left:16px;
  1016. margin-top:16px;
  1017. {/block:IfNot1Column}
  1018. {block:If1Column}
  1019. margin-left:66px;
  1020. margin-top:66px;
  1021. {/block:If1Column}
  1022. }
  1023. .audioinfo {
  1024. margin-top:2px;
  1025. padding-left:8px;
  1026. font-size:12px;
  1027. border-left:1px solid {color:Post Accent};
  1028. {block:IndexPage}
  1029. margin-left:68px;
  1030. {block:IndexPage}
  1031. {block:IfNot1Column}
  1032. margin-left:68px;
  1033. min-height:60px;
  1034. line-height:12px;
  1035. {/block:IfNot1Column}
  1036. {block:If1Column}
  1037. margin-left:168px;
  1038. min-height:160px;
  1039. line-height:32px;
  1040. {/block:If1Column}
  1041. }
  1042. .asks {
  1043. border-radius:5px;
  1044. margin-right:15px;
  1045. margin-bottom:10px;
  1046. float:left;
  1047. }
  1048. .question {
  1049. background:{color:Question Background};
  1050. border-radius:5px;
  1051. padding:5px 5px 5px 8px;
  1052. line-height:15px;
  1053. float:left;
  1054. margin-bottom:15px;
  1055. {block:IndexPage}
  1056. {block:IfNot1Column}
  1057. width:190px;
  1058. {/block:IfNot1Column}
  1059. {block:If1Column}
  1060. width:306px;
  1061. {/block:If1Column}
  1062. {/block:IndexPage}
  1063. {block:PermalinkPage}
  1064. width:375px;
  1065. {/block:PermalinkPage}
  1066. color:{color:Question Text};
  1067. }
  1068. .question2 p {
  1069. margin:0;
  1070. display:inline;
  1071. }
  1072. .question:before {
  1073. content:"";
  1074. width: 0;
  1075. height: 0;
  1076. border-style: solid;
  1077. z-index:999;
  1078. border-color: transparent {color:Question Background} transparent transparent;
  1079. position:absolute;
  1080. {block:IndexPage}
  1081. border-width: 4px 10px 4px 0px;
  1082. {block:IfNot1Column}
  1083. left:45px;
  1084. {/block:IfNot1Column}
  1085. {block:If1Column}
  1086. left:79px;
  1087. {/block:If1Column}
  1088. {/block:IndexPage}
  1089. {block:PermalinkPage}
  1090. border-width: 7px 15px 7px 0px;
  1091. left:111px;
  1092. {/block:PermalinkPage}
  1093. }
  1094. .asks2 {
  1095. border-radius:5px;
  1096. margin-left:15px;
  1097. margin-bottom:10px;
  1098. float:right;
  1099. }
  1100. .question2 {
  1101. background:{color:Question Background};
  1102. border-radius:5px;
  1103. padding:5px 5px 5px 8px;
  1104. line-height:15px;
  1105. margin-bottom:15px;
  1106. float:right;
  1107. {block:IndexPage}
  1108. {block:IfNot1Column}
  1109. width:190px;
  1110. {/block:IfNot1Column}
  1111. {block:If1Column}
  1112. width:306px;
  1113. {/block:If1Column}
  1114. {/block:IndexPage}
  1115. {block:PermalinkPage}
  1116. width:375px;
  1117. {/block:PermalinkPage}
  1118. color:{color:Question Text};
  1119. }
  1120. .question2:before {
  1121. content:"";
  1122. width: 0;
  1123. height: 0;
  1124. border-style: solid;
  1125. z-index:999;
  1126. border-color: transparent transparent transparent {color:Question Background};
  1127. position:absolute;
  1128. {block:IndexPage}
  1129. border-width: 4px 0px 4px 10px;
  1130. {block:IfNot1Column}
  1131. right:45px;
  1132. {/block:IfNot1Column}
  1133. {block:If1Column}
  1134. right:79px;
  1135. {/block:If1Column}
  1136. {/block:IndexPage}
  1137. {block:PermalinkPage}
  1138. border-width: 7px 0px 7px 15px;
  1139. right:111px;
  1140. {/block:PermalinkPage}
  1141. }
  1142. #signature {
  1143. font-size: 14px;
  1144. font-family: 'Nothing You Could Do', cursive;
  1145. color: {color:Body Text};
  1146. text-align: right;
  1147. }
  1148. {block:IfUpdatesTab}
  1149. #updater {
  1150. font-size:11px;
  1151. background-color:{color:Updates Tab Background};
  1152. color:{color:Updates Tab Text};
  1153. position:fixed;
  1154. {block:IfUpdatesTabBorder}
  1155. border:1px {select:Updates Tab Border} {color:Updates Tab Border};
  1156. {/block:IfUpdatesTabBorder}
  1157. padding:5px;
  1158. height:auto;
  1159. width:190px;
  1160. z-index:999999999;
  1161. {block:IfRoundedUpdatesTab}
  1162. border-radius:5px;
  1163. {/block:IfRoundedUpdatesTab}
  1164. {block:IfShadows}
  1165. box-shadow:3px 3px rgba({RGBcolor:Shadows},0.5);
  1166. {/block:IfShadows}
  1167. }
  1168. .toplu {
  1169. top:40px;
  1170. left:40px;
  1171. }
  1172. .midlu {
  1173. top:250px;
  1174. left:40px;
  1175. }
  1176. .botlu {
  1177. bottom:40px;
  1178. left:40px;
  1179. }
  1180. .topru {
  1181. top:50px;
  1182. right:40px;
  1183. }
  1184. .midru {
  1185. top:250px;
  1186. right:40px;
  1187. }
  1188. .botru {
  1189. bottom:40px;
  1190. right:40px;
  1191. }
  1192. .toptab {
  1193. height:14px;
  1194. overflow:hidden;
  1195. border-bottom:1px {select:Updates Tab Border} {color:Updates Tab Border};
  1196. z-index:4;
  1197. padding-bottom:2px;
  1198. -webkit-transition: all 0.4s ease-in-out;
  1199. -moz-transition: all 0.4s ease-in-out;
  1200. -o-transition: all 0.4s ease-in-out;
  1201. }
  1202. .toptab a {
  1203. text-decoration:underline;
  1204. }
  1205. .toptab a:hover {
  1206. text-decoration:none;
  1207. }
  1208. .middletab {
  1209. height:14px;
  1210. overflow:hidden;
  1211. border-bottom:1px {select:Updates Tab Border} {color:Updates Tab Border};
  1212. z-index:4;
  1213. padding-top:2px;
  1214. padding-bottom:2px;
  1215. -webkit-transition: all 0.4s ease-in-out;
  1216. -moz-transition: all 0.4s ease-in-out;
  1217. -o-transition: all 0.4s ease-in-out;
  1218. }
  1219. .middletab a {
  1220. text-decoration:underline;
  1221. }
  1222. .middletab a:hover {
  1223. text-decoration:none;
  1224. }
  1225. .bottomtab {
  1226. height:14px;
  1227. overflow:hidden;
  1228. z-index:4;
  1229. padding-top:2px;
  1230. -webkit-transition: all 0.4s ease-in-out;
  1231. -moz-transition: all 0.4s ease-in-out;
  1232. -o-transition: all 0.4s ease-in-out;
  1233. }
  1234. .bottomtab a{
  1235. text-decoration:underline;
  1236. }
  1237. .bottomtab a:hover{
  1238. text-decoration:none;
  1239. }
  1240. .uptitle {
  1241. text-align:center;
  1242. line-height:14px;
  1243. margin-bottom:2px;
  1244. }
  1245. .uno:hover {
  1246. height:{text:First Tab Height};
  1247. }
  1248. .due:hover {
  1249. height:{text:Tab 2 Height};
  1250. }
  1251. .tre:hover {
  1252. height:{text:Tab 3 Height};
  1253. }
  1254. .quattro:hover {
  1255. height:{text:Tab 4 Height};
  1256. }
  1257. .cinque:hover {
  1258. height:{text:Last Tab Height};
  1259. }
  1260. {/block:IfUpdatesTab}
  1261. {block:IfNotSamePermalinksForAll}
  1262. ul.permalinks {
  1263. padding:5px;
  1264. margin:0px;
  1265. position:absolute;
  1266. right:10px;
  1267. bottom:8px;
  1268. text-align:right;
  1269. list-style-type:none;
  1270. font-size:0.8em;
  1271. z-index:99999;
  1272. }
  1273. ul.permalinks li {
  1274. right:-50px;
  1275. position:relative;
  1276. padding-left:20px;
  1277. -webkit-transition: all 0.4s ease-in-out;
  1278. -moz-transition: all 0.4s ease-in-out;
  1279. -o-transition: all 0.4s ease-in-out;
  1280. transition: all 0.4s ease-in-out;
  1281. }
  1282. ul.permalinks li a {
  1283. color:{color:Photo Permalink Text};
  1284. }
  1285. ul.permalinks:before {
  1286. width: 0;
  1287. height: 0;
  1288. border-style: solid;
  1289. {block:IfNot1Column}
  1290. border-width: 0 0 0px 250px;
  1291. {/block:IfNot1Column}
  1292. {block:If1Column}
  1293. border-width: 0 0 0px 400px;
  1294. {/block:If1Column}
  1295. border-color: transparent transparent {color:Photo Permalink Background} transparent;
  1296. position:absolute;
  1297. right:0px;
  1298. bottom:0px;
  1299. content:'';
  1300. -webkit-transition: all 0.7s ease-in-out;
  1301. -moz-transition: all 0.7s ease-in-out;
  1302. -o-transition: all 0.7s ease-in-out;
  1303. transition: all 0.7s ease-in-out;
  1304. }
  1305. .hovering:hover ul.permalinks:before {
  1306. {block:IfNot1Column}
  1307. border-width: 0 0 70px 250px;
  1308. {/block:IfNot1Column}
  1309. {block:If1Column}
  1310. border-width: 0 0 70px 400px;
  1311. {/block:If1Column}
  1312. -webkit-transition: all 0.7s ease-in-out;
  1313. -moz-transition: all 0.7s ease-in-out;
  1314. -o-transition: all 0.7s ease-in-out;
  1315. transition: all 0.7s ease-in-out;
  1316. }
  1317. .hovering:hover ul.permalinks li {
  1318. right:0px;
  1319. -webkit-transition: all 0.4s ease-in-out;
  1320. -moz-transition: all 0.4s ease-in-out;
  1321. -o-transition: all 0.4s ease-in-out;
  1322. transition: all 0.4s ease-in-out;
  1323. }
  1324. ul.permalinks li:first-child {
  1325. -webkit-transition-delay: 0s;
  1326. -moz-transition-delay: 0s;
  1327. -o-transition-delay: 0s;
  1328. transition-delay: 0s;
  1329. }
  1330. ul.permalinks li:nth-of-type(2) {
  1331. -webkit-transition-delay: 0.1s;
  1332. -moz-transition-delay: 0.1s;
  1333. -o-transition-delay: 0.1s;
  1334. transition-delay: 0.1s;
  1335. }
  1336. ul.permalinks li:nth-of-type(3) {
  1337. -webkit-transition-delay: 0.2s;
  1338. -moz-transition-delay: 0.2s;
  1339. -o-transition-delay: 0.2s;
  1340. transition-delay: 0.2s;
  1341. }
  1342. ul.permalinks li:nth-of-type(4) {
  1343. -webkit-transition-delay: 0.3s;
  1344. -moz-transition-delay: 0.3s;
  1345. -o-transition-delay: 0.3s;
  1346. transition-delay: 0.3s;
  1347. }
  1348. .hovering:hover ul.permalinks li:first-child {
  1349. -webkit-transition-delay: 0.3s;
  1350. -moz-transition-delay: 0.3s;
  1351. -o-transition-delay: 0.3s;
  1352. transition-delay: 0.3s;
  1353. }
  1354. .hovering:hover ul.permalinks li:nth-of-type(2) {
  1355. -webkit-transition-delay: 0.2s;
  1356. -moz-transition-delay: 0.2s;
  1357. -o-transition-delay: 0.2s;
  1358. transition-delay: 0.2s;
  1359. }
  1360. .hovering:hover ul.permalinks li:nth-of-type(3) {
  1361. -webkit-transition-delay: 0.1s;
  1362. -moz-transition-delay: 0.1s;
  1363. -o-transition-delay: 0.1s;
  1364. transition-delay: 0.1s;
  1365. }
  1366. .hovering:hover ul.permalinks li:nth-of-type(4) {
  1367. -webkit-transition-delay: 0s;
  1368. -moz-transition-delay: 0s;
  1369. -o-transition-delay: 0s;
  1370. transition-delay: 0s;
  1371. }
  1372. {/block:IfNotSamePermalinksForAll}
  1373. ul.permalinks2 {
  1374. color:{color:Body Links};
  1375. list-style-type:none;
  1376. padding:0;
  1377. margin:0;
  1378. font-size:10px;
  1379. padding:0 5px;
  1380. text-align:center;
  1381. height:0;
  1382. overflow:hidden;
  1383. -webkit-transition: all 0.4s ease-in-out;
  1384. -moz-transition: all 0.4s ease-in-out;
  1385. -o-transition: all 0.4s ease-in-out;
  1386. transition: all 0.4s ease-in-out;
  1387. }
  1388. .hovers:hover ul.permalinks2 {
  1389. height:25px;
  1390. -webkit-transition: all 0.4s ease-in-out;
  1391. -moz-transition: all 0.4s ease-in-out;
  1392. -o-transition: all 0.4s ease-in-out;
  1393. transition: all 0.4s ease-in-out;
  1394. }
  1395. ul.permalinks2 li {
  1396. display:inline-block;
  1397. border-bottom:0;
  1398. margin:0;
  1399. padding:10px 0 0 0;
  1400. }
  1401. .postheader {
  1402. margin-top:25px;
  1403. }
  1404. #notes {
  1405. max-height:250px;
  1406. overflow:auto;
  1407. margin-bottom:60px;
  1408. }
  1409. ol.notes {
  1410. padding: 0px;
  1411. list-style-type: none;
  1412. margin:0 5px 0 0;
  1413. }
  1414.  
  1415. ol.notes li.note {
  1416. margin:10px 0px;
  1417. padding:0;
  1418. text-align:left;
  1419. line-height:16px;
  1420. width:100%;
  1421. border:0;
  1422. border-radius:0;
  1423. background:transparent;
  1424. border-bottom:1px solid {color:Post Accent};
  1425. padding-bottom:5px;
  1426.  
  1427. }
  1428. ol.notes li.note:last-child {
  1429. border-bottom:0;
  1430. }
  1431. ol.notes li.note img.avatar {
  1432. display:none;
  1433. }
  1434.  
  1435. ol.notes li.note span.action {
  1436. font-weight: normal;
  1437. }
  1438.  
  1439. ol.notes li.note .answer_content {
  1440. font-weight: normal;
  1441. }
  1442. #infscr-loading {
  1443. position:absolute;
  1444. bottom:-10px;
  1445. width:200px;
  1446. margin-left:50%;
  1447. left:-105px;
  1448. text-align:center;
  1449. color:{color:Loading Icon};
  1450. }
  1451. #infscr-loading img{
  1452. display:none;
  1453. }
  1454. #tumblr_lightbox {
  1455. background:rgba({RGBcolor:Lightbox Background},0.9)!important;
  1456. -moz-box-shadow: inset 0 0 10em {color:Lightbox Background Darker};
  1457. -webkit-box-shadow: inset 0 0 10em {color:Lightbox Background Darker};
  1458. box-shadow: inset 0 0 10em {color:Lightbox Background Darker};
  1459. }
  1460. #tumblr_lightbox img {
  1461. opacity:0;
  1462. {block:IfRoundedPosts}
  1463. border-radius:5px!important;
  1464. -moz-border-radius: 5px!important;
  1465. -webkit-border-radius: 5px!important;
  1466. -o-border-radius: 5px!important;
  1467. {/block:IfRoundedPosts}
  1468. {block:IfNotRoundedPosts}
  1469. border-radius:0!important;
  1470. -moz-border-radius: 0!important;
  1471. -webkit-border-radius: 0!important;
  1472. -o-border-radius: 0!important;
  1473. {/block:IfNotRoundedPosts}
  1474. }
  1475. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  1476. opacity: 1!important;
  1477. box-shadow: 0px 0px 15px rgba({RGBcolor:Lightbox Background Darker},0.7) !important;
  1478. {block:IfRoundedPosts}
  1479. border-radius:5px!important;
  1480. -moz-border-radius: 5px!important;
  1481. -webkit-border-radius: 5px!important;
  1482. -o-border-radius: 5px!important;
  1483. {/block:IfRoundedPosts}
  1484. {block:IfNotRoundedPosts}
  1485. border-radius:0!important;
  1486. -moz-border-radius: 0!important;
  1487. -webkit-border-radius: 0!important;
  1488. -o-border-radius: 0!important;
  1489. {/block:IfNotRoundedPosts}
  1490. {block:IfLightboxBorders}
  1491. border:10px solid {color:Lightbox Border}!important;
  1492. {/block:IfLightboxBorders}
  1493. }
  1494. input[type=text] {
  1495. border:1px solid {color:Searchbar};
  1496. {block:IfRoundedSidebar}
  1497. -webkit-border-radius: 5px;
  1498. border-radius: 5px;
  1499. {/block:IfRoundedSidebar}
  1500. width:128px;
  1501. background:transparent;
  1502. color:{color:Description};
  1503. }
  1504. .fa-search {
  1505. color:{color:Searchbar};
  1506. }
  1507. input[type=text]:focus {outline:none;}
  1508. {block:IfPopups}
  1509. #fade {
  1510. display: none;
  1511. {block:IfPopupBackground}
  1512. background:{color:Popup Mask};
  1513. {/block:IfPopupBackground}
  1514. position: fixed;
  1515. left: 0;
  1516. top: 0;
  1517. width: 100%;
  1518. height: 100%;
  1519. opacity: .80;
  1520. z-index: 999999999;
  1521. {block:IfGradientPopupMask}
  1522. background-image:-o-linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1} );
  1523. background-image: -moz-linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1});
  1524. background-image: -webkit-linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1});
  1525. background-image: -ms-linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1});
  1526. background-image: linear-gradient(bottom, {color:Gradient Popup Mask 2}, {color:Gradient Popup Mask 1});
  1527. {/block:IfGradientPopupMask}
  1528. }
  1529. .popup_block{
  1530. color:{color:Popup Text};
  1531. display: none;
  1532. background: rgba({RGBcolor:Popup Background},{select:See Through Popups});
  1533. padding: 10px;
  1534. {block:IfPopupBorder}
  1535. border: 1px {select:Popup Border} {color:Popup Border};
  1536. {/block:ifPopupBorder}
  1537. float: left;
  1538. font-size: 12px;
  1539. position: fixed;
  1540. top: 50%; left: 50%;
  1541. z-index: 9999999999;
  1542. {block:IfRoundedPopups}
  1543. -webkit-border-radius: 5px;
  1544. -moz-border-radius: 5px;
  1545. border-radius: 5px;
  1546. {/block:IfRoundedPopups}
  1547. {block:IfShadows}
  1548. box-shadow:3px 3px rgba({RGBcolor:Shadows},0.5);
  1549. {/block:IfShadows}
  1550. overflow:auto;
  1551. }
  1552. img.btn_close {
  1553. float: right;
  1554. margin: -5px -5px 0 0;
  1555. width:12px;
  1556. }
  1557. *html #fade {
  1558. position: absolute;
  1559. }
  1560. *html .popup_block {
  1561. position: absolute;
  1562. }
  1563. {block:IfContactPopup}
  1564. table.contact {
  1565. table-layout: fixed;
  1566. width: 700px;
  1567. height:500px;
  1568. }
  1569. table.contact td {
  1570. vertical-align:top;
  1571. }
  1572. .tableinnards {
  1573. height:490px;
  1574. overflow:auto;
  1575. padding:0 10px;
  1576. }
  1577. ul.dodont {
  1578. padding:0 0 0 15px;
  1579. list-style-type:none;
  1580. font-size:14px;
  1581. text-indent:-20px;
  1582. padding-left:20px;
  1583. }
  1584. ul.dodont li:before {
  1585. content:"✔";
  1586. margin-right:7px;
  1587. color:{color:Faq Question};
  1588. }
  1589. ul.dodont2 {
  1590. padding:0 0 0 15px;
  1591. list-style-type:none;
  1592. font-size:14px;
  1593. text-indent:-20px;
  1594. padding-left:20px;
  1595. }
  1596. ul.dodont2 li:before {
  1597. content:"✘";
  1598. margin-right:7px;
  1599. color:{color:Faq Question};
  1600. }
  1601. ul.faqu {
  1602. padding:0;
  1603. list-style-type:none;
  1604. }
  1605. ul.faqu h3 {
  1606. font-size:1.2em;
  1607. color:{color:Faq Question};
  1608. }
  1609. {/block:IfContactPopup}
  1610. {block:IfLinksPopup}
  1611. ul.linkylous {
  1612. list-style-type:none;
  1613. padding:0;
  1614. text-align:center;
  1615. }
  1616. ul.linkylous li {
  1617. width:150px;
  1618. padding:10px;
  1619. display:inline-block;
  1620. border:1px solid {color:Popup Links Borders};
  1621. margin:10px;
  1622. -webkit-transition: all .7s ease-in-out;
  1623. -moz-transition: all .7s ease-in-out;
  1624. -ms-transition: all .7s ease-in-out;
  1625. -o-transition: all .7s ease-in-out;
  1626. transition: all .7s ease-in-out;
  1627. }
  1628. ul.linkylous li:hover {
  1629. box-shadow:inset 180px 0 0 {color:Popup Links Background};
  1630. -webkit-transition: all .7s ease-in-out;
  1631. -moz-transition: all .7s ease-in-out;
  1632. -ms-transition: all .7s ease-in-out;
  1633. -o-transition: all .7s ease-in-out;
  1634. transition: all .7s ease-in-out;
  1635. }
  1636. ul.linkylous a {
  1637. color:{color:Popup Links Tab Links};
  1638. }
  1639. {/block:IfLinksPopup}
  1640. {block:IfBlogrollPopup}
  1641. ul.blogroll {
  1642. padding:0;
  1643. text-align:center;
  1644. max-height:500px;
  1645. overflow-y:auto;
  1646. }
  1647. ul.blogroll li {
  1648. display:inline-block;
  1649. }
  1650. ul.blogroll li img {
  1651. {block:IfRoundedPopups}
  1652. border-radius:5px;
  1653. {/block:IfRoundedPopups}
  1654. overflow:hidden;
  1655. margin:5px;
  1656. border:2px solid {color:Popup Blogroll Borders};
  1657. -webkit-transition: all 0.5s ease-in-out;
  1658. -moz-transition: all 0.5s ease-in-out;
  1659. -o-transition: all 0.5s ease-in-out;
  1660. transition: all 0.5s ease-in-out;
  1661. }
  1662. ul.blogroll li img:hover {
  1663. border-radius:100%;
  1664. -webkit-transition: all 0.5s ease-in-out;
  1665. -moz-transition: all 0.5s ease-in-out;
  1666. -o-transition: all 0.5s ease-in-out;
  1667. transition: all 0.5s ease-in-out;
  1668. }
  1669. {/block:IfBlogrollPopup}
  1670. @-webkit-keyframes fadeInRightBig {0% {-webkit-transform: translateX(-2000px);} 100% {-webkit-transform: translateX(0);}}
  1671. .lefter {
  1672. -webkit-animation: fadeInRightBig 2s;
  1673. -moz-animation: fadeInRightBig 2s;
  1674. -ms-animation: fadeInRightBig 2s;
  1675. }
  1676. @-webkit-keyframes fadeInLeftBig {0% {-webkit-transform: translateX(2000px);} 100% {-webkit-transform: translateX(0);}}
  1677. .righter {
  1678. -webkit-animation: fadeInLeftBig 1.5s;
  1679. -moz-animation: fadeInLeftBig 1.5s;
  1680. -ms-animation: fadeInLeftBig 1.5s;
  1681. }
  1682. @-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(2000px);} 100% {opacity: 1; -webkit-transform: translateY(0);}}
  1683. .botter {
  1684. -webkit-animation: fadeInDown 2s;
  1685. -moz-animation: fadeInDown 2s;
  1686. -ms-animation: fadeInDown 2s;
  1687. }
  1688. {/block:IfPopups}
  1689. {block:IfCornerPic}
  1690. img.corny {
  1691. position:fixed;
  1692. z-index:99999999;
  1693. width:{select:Corner Image Width};
  1694. bottom:calc({select:Blog Border Width} + 10px);
  1695. }
  1696. .botli {
  1697. left:calc({select:Blog Border Width} + 10px);
  1698. }
  1699. .botri {
  1700. right:calc({select:Blog Border Width} + 10px);
  1701. }
  1702. {/block:IfCornerPic}
  1703. /*Custom CSS*/
  1704. {CustomCSS}
  1705. </style>
  1706. {block:IfPopups}
  1707. <script type="text/javascript"
  1708. src="//ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1709. <script>
  1710. $(document).ready(function() {
  1711. //
  1712. $('a.poplight[href^=#]').click(function() {
  1713. var popID = $(this).attr('rel'); //Get Popup Name
  1714. var popURL = $(this).attr('href'); //Get Popup href to define size
  1715. var query= popURL.split('?');
  1716. var dim= query[1].split('&');
  1717. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1718. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  1719. var popMargTop = ($('#' + popID).height() + 80) / 2 - 30;
  1720. var popMargLeft = ($('#' + popID).width() + 80) / 2 - 30;
  1721. //Apply Margin to Popup
  1722. $('#' + popID).css({
  1723. 'margin-top' : -popMargTop,
  1724. 'margin-left' : -popMargLeft
  1725. });
  1726. $('body').append('<div id="fade"></div>');
  1727. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  1728. return false;
  1729. });
  1730. $('#fade').live('click', function() {
  1731. $('#fade , .popup_block').fadeOut(function() {
  1732. $('#fade').remove(); //fade them both out
  1733. });
  1734. return false;
  1735. });
  1736. });
  1737. </script>
  1738. {/block:IfPopups}
  1739. {block:IfRainbowLinksonHover}
  1740. <script type='text/javascript'>
  1741. //<![CDATA[
  1742. var rate = 50;
  1743. if (document.getElementById)
  1744. window.onerror=new Function("return true")
  1745.  
  1746. var objActive; // The object which event occured in
  1747. var act = 0; // Flag during the action
  1748. var elmH = 0; // Hue
  1749. var elmS = 128; // Saturation
  1750. var elmV = 255; // Value
  1751. var clrOrg; // A color before the change
  1752. var TimerID; // Timer ID
  1753. if (document.all) {
  1754. document.onmouseover = doRainbowAnchor;
  1755. document.onmouseout = stopRainbowAnchor;
  1756. }
  1757. else if (document.getElementById) {
  1758. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  1759. document.onmouseover = Mozilla_doRainbowAnchor;
  1760. document.onmouseout = Mozilla_stopRainbowAnchor;
  1761. }
  1762. function doRainbow(obj)
  1763. {
  1764. if (act == 0) {
  1765. act = 1;
  1766. if (obj)
  1767. objActive = obj;
  1768. else
  1769. objActive = event.srcElement;
  1770. clrOrg = objActive.style.color;
  1771. TimerID = setInterval("ChangeColor()",100);
  1772. }
  1773. }
  1774. function stopRainbow()
  1775. {
  1776. if (act) {
  1777. objActive.style.color = clrOrg;
  1778. clearInterval(TimerID);
  1779. act = 0;
  1780. }
  1781. }
  1782. function doRainbowAnchor()
  1783. {
  1784. if (act == 0) {
  1785. var obj = event.srcElement;
  1786. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  1787. obj = obj.parentElement;
  1788. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  1789. break;
  1790. }
  1791. if (obj.tagName == 'A' && obj.href != '') {
  1792. objActive = obj;
  1793. act = 1;
  1794. clrOrg = objActive.style.color;
  1795. TimerID = setInterval("ChangeColor()",100);
  1796. }
  1797. }
  1798. }
  1799. function stopRainbowAnchor()
  1800. {
  1801. if (act) {
  1802. if (objActive.tagName == 'A') {
  1803. objActive.style.color = clrOrg;
  1804. clearInterval(TimerID);
  1805. act = 0;
  1806. }
  1807. }
  1808. }
  1809. function Mozilla_doRainbowAnchor(e)
  1810. {
  1811. if (act == 0) {
  1812. obj = e.target;
  1813. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  1814. obj = obj.parentNode;
  1815. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  1816. break;
  1817. }
  1818. if (obj.nodeName == 'A' && obj.href != '') {
  1819. objActive = obj;
  1820. act = 1;
  1821. clrOrg = obj.style.color;
  1822. TimerID = setInterval("ChangeColor()",100);
  1823. }
  1824. }
  1825. }
  1826. function Mozilla_stopRainbowAnchor(e)
  1827. {
  1828. if (act) {
  1829. if (objActive.nodeName == 'A') {
  1830. objActive.style.color = clrOrg;
  1831. clearInterval(TimerID);
  1832. act = 0;
  1833. }
  1834. }
  1835. }
  1836. function ChangeColor()
  1837. {
  1838. objActive.style.color = makeColor();
  1839. }
  1840. function makeColor()
  1841. {
  1842. // Don't you think Color Gamut to look like Rainbow?
  1843. // HSVtoRGB
  1844. if (elmS == 0) {
  1845. elmR = elmV; elmG = elmV; elmB = elmV;
  1846. }
  1847. else {
  1848. t1 = elmV;
  1849. t2 = (255 - elmS) * elmV / 255;
  1850. t3 = elmH % 60;
  1851. t3 = (t1 - t2) * t3 / 60;
  1852. if (elmH < 60) {
  1853. elmR = t1; elmB = t2; elmG = t2 + t3;
  1854. }
  1855. else if (elmH < 120) {
  1856. elmG = t1; elmB = t2; elmR = t1 - t3;
  1857. }
  1858. else if (elmH < 180) {
  1859. elmG = t1; elmR = t2; elmB = t2 + t3;
  1860. }
  1861. else if (elmH < 240) {
  1862. elmB = t1; elmR = t2; elmG = t1 - t3;
  1863. }
  1864. else if (elmH < 300) {
  1865. elmB = t1; elmG = t2; elmR = t2 + t3;
  1866. }
  1867. else if (elmH < 360) {
  1868. elmR = t1; elmG = t2; elmB = t1 - t3;
  1869. }
  1870. else {
  1871. elmR = 0; elmG = 0; elmB = 0;
  1872. }
  1873. }
  1874. elmR = Math.floor(elmR).toString(16);
  1875. elmG = Math.floor(elmG).toString(16);
  1876. elmB = Math.floor(elmB).toString(16);
  1877. if (elmR.length == 1) elmR = "0" + elmR;
  1878. if (elmG.length == 1) elmG = "0" + elmG;
  1879. if (elmB.length == 1) elmB = "0" + elmB
  1880. elmH = elmH + rate;
  1881. if (elmH >= 360)
  1882. elmH = 0;
  1883. return '#' + elmR + elmG + elmB;
  1884. }
  1885. //]]>
  1886. </script>
  1887. {/block:IfRainbowLinksonHover}
  1888. </head>
  1889. <body>
  1890. {block:IfBlogBorder}
  1891. <div id="topping"></div>
  1892. <div id="lefting"></div>
  1893. <div id="righting"></div>
  1894. <div id="botting"></div>
  1895. {/block:IfBlogBorder}
  1896. {block:IfCornerPic}
  1897. <img class="corny {select:Corner Image Position}" src="{image:Corner}" {block:IfCornerImageTooltip}title="{text:Corner Image Tooltip}"{/block:IfCornerImageTooltip}>
  1898. {/block:IfCornerPic}
  1899. {block:IfUpdatesTab}
  1900. <div id="updater" class="{select:Updates Tab Position}" style="z-index:999999999">
  1901.  
  1902. <div class="toptab uno">
  1903. <div class="uptitle">{text:First Tab Title}</div>
  1904. {text:First Tab Content}
  1905. </div>
  1906. {block:If3Tabs}
  1907. <div class="middletab due">
  1908. <div class="uptitle">{text:Tab 2 Title}</div>
  1909. {text:Tab 2 Content}
  1910. </div>
  1911. {/block:If3Tabs}
  1912. {block:If4Tabs}
  1913. <div class="middletab tre">
  1914. <div class="uptitle">{text:Tab 2 Title}</div>
  1915. {text:Tab 2 Content}
  1916. </div>
  1917. <div class="middletab quattro">
  1918. <div class="uptitle">{text:Tab 3 Title}</div>
  1919. {text:Tab 3 Content}
  1920. </div>
  1921. {/block:If4Tabs}
  1922. {block:If5Tabs}
  1923. <div class="middletab due">
  1924. <div class="uptitle">{text:Tab 2 Title}</div>
  1925. {text:Tab 2 Content}
  1926. </div>
  1927. <div class="middletab tre">
  1928. <div class="uptitle">{text:Tab 3 Title}</div>
  1929. {text:Tab 3 Content}
  1930. </div>
  1931. <div class="middletab quattro">
  1932. <div class="uptitle">{text:Tab 4 Title}</div>
  1933. {text:Tab 4 Content}
  1934. </div>
  1935. {/block:If5Tabs}
  1936. <div class="bottomtab cinque">
  1937. <div class="uptitle">
  1938. {block:IfNotMusicPlayerinUpdatesTab}{text:Last Tab Title}
  1939. {/block:IfNotMusicPlayerinUpdatesTab}
  1940. {block:IfMusicPlayerinUpdatesTab}
  1941. music
  1942. {/block:IfMusicPlayerinUpdatesTab}</div>
  1943. {block:IfMusicPlayerinUpdatesTab}
  1944. <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="190" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1945. <br>
  1946. {/block:IfMusicPlayerinUpdatesTab}
  1947. {text:Last Tab Content}
  1948. </div>
  1949. </div>
  1950. {/block:IfUpdatesTab}
  1951. <div class="sidebar {select:Sidebar Position}">
  1952. {block:IfIcon}
  1953. <img class="avatarie" src="{PortraitURL-128}">
  1954. {/block:IfIcon}
  1955. <div class="title"><h1><a href="/" title="{lang:Home}">{Title}</a></h1></div>
  1956. <div class="desc">
  1957. {block:IfShowDescription}
  1958. {block:Description}{Description}{block:Description}
  1959. {/block:IfShowDescription}
  1960. {block:IfMusicPlayerinDescription}
  1961. <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" />
  1962. {/block:IfMusicPlayerinDescription}
  1963. {block:IfSearchBar}<br><br>
  1964. <form name="search" id="search" action="/search" method="get" style="margin: 0; padding: 0;">
  1965. <i class="fa fa-search"></i>
  1966. <input type="text" name="q" value="{SearchQuery}"/>
  1967. <input type="submit" form="search" style="display:none;" />
  1968. </form>{/block:IfSearchBar}
  1969. </div>
  1970. <ul class="linkeroos">
  1971. <li> <a href="/" title="refresh">home</a></li>
  1972. {block:IfNotPopups}
  1973. {block:AskEnabled}
  1974. <li> <a href="/ask" title="{AskLabel}">ask</a></li>
  1975. {/block:AskEnabled}
  1976. {block:SubmissionsEnabled}
  1977. <li> <a href="/submit" title="{SubmitLabel}">submit</a></li>
  1978. {/block:SubmissionsEnabled}
  1979. {/block:IfNotPopups}
  1980. {block:IfPopups}
  1981. {block:IfContactPopup}
  1982. <li><a href="#?w=700" rel="02" class="poplight" title="ask + submit">contact</a></li>
  1983. {/block:IfContactPopup}
  1984. {block:IfLinksPopup}
  1985. <li><a href="#?w=700" rel="03" class="poplight" title="extra links">links</a></li>
  1986. {/block:IfLinksPopup}
  1987. {block:IfBlogrollPopup}
  1988. <li><a href="#?w=700" rel="04" class="poplight" title="who i follow">blogroll</a></li>
  1989. {/block:IfBlogrollPopup}
  1990. {/block:IfPopups}
  1991. {block:HasPages}
  1992. {block:Pages}
  1993. <li> <a href="{URL}">{Label}</a></li>
  1994. {/block:Pages}
  1995. {/block:HasPages}
  1996. {block:IfLink1}
  1997. <li> <a href="{text:URL 1}" title="{text:Link 1 Tooltip}">{text:Link 1}</a> </li>
  1998. {/block:IfLink1}
  1999. {block:IfLink2}
  2000. <li> <a href="{text:URL 2}" title="{text:Link 2 Tooltip}">{text:Link 2}</a> </li>
  2001. {/block:IfLink2}
  2002. {block:IfLink3}
  2003. <li> <a href="{text:URL 3}" title="{text:Link 3 Tooltip}">{text:Link 3}</a> </li>
  2004. {/block:IfLink3}
  2005. {block:IfArchiveLink}
  2006. {block:IfNotArchivePopup}
  2007. <li> <a href="/archive" title="archive">past</a></li>
  2008. {/block:IfNotArchivePopup}
  2009. {block:IfArchivePopup}
  2010. <li><a href="#?w=850" rel="05" class="poplight" title="archive">past</a></li>
  2011. {/block:IfArchivePopup}
  2012. {/block:IfArchiveLink}
  2013. <li><a href="http://dontbrag.tumblr.com" target="_blank" title="@dontbrag">theme</a></li>
  2014. </ul>
  2015. <!--Pagination: previous/next page links-->
  2016. {block:Pagination}
  2017. <div class="pagination">
  2018. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  2019. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  2020. </div>
  2021. {/block:Pagination}
  2022. </div>
  2023. </div>
  2024. </div>
  2025. <!--Content holder-->
  2026. <div id="content" class="{select:Post Alignment}">
  2027. {block:SearchPage}
  2028. <article class="alert {block:IfNotPagination}page{CurrentPage}{/block:IfNotPagination}">
  2029. {SearchResultCount} search result(s) for "{SearchQuery}".
  2030. </article>
  2031. {/block:SearchPage}
  2032.  
  2033. {block:TagPage}
  2034. <article class="alert {block:IfNotPagination}page{CurrentPage}{/block:IfNotPagination}">
  2035. Showing posts tagged with "{Tag}".
  2036. </article>
  2037. {/block:TagPage}
  2038. {block:Posts}
  2039. {block:PermalinkPage}
  2040. {block:PermalinkPagination}
  2041. <div class="detailios postheader">
  2042. Posted on {DayOfWeek} the {DayOfMonth}{DayOfMonthSuffix} of {Month}, {Year} at {12Hour}:{Minutes}{AmPm} with {NoteCountWithLabel}.
  2043. </div>
  2044. {/block:PermalinkPagination}
  2045. {/block:PermalinkPage}
  2046. <article {block:PermalinkPagination}style="margin-top:10px;!important"{/block:PermalinkPagination} class="{block:IndexPage}{block:TagPage}x{/block:TagPage}{block:SearchPage}x{/block:SearchPage}{TagsAsCLasses}{/block:IndexPage}">
  2047. <!--Unique code for each post type-->
  2048. {block:Text}
  2049. <div class="text hovers">
  2050. {block:Title}<h1 class="post_title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  2051. {Body}
  2052. {block:IndexPage}
  2053. <ul class="permalinks2">
  2054. <li><a href="{Permalink}">{NoteCount}</a></li>
  2055. <li>&middot;</li>
  2056. <li><a href="{ReblogURL}">Reblog</a></li>
  2057. {block:RebloggedFrom}<li>&middot;</li>
  2058. <li><a href="{ReblogParentURL}">Via</a></li>
  2059. {/block:RebloggedFrom}
  2060. {block:ContentSource}<li>&middot;</li>
  2061. <li><a href="{SourceURL}">Source</a></li>
  2062. {/block:ContentSource}
  2063. </ul>
  2064. {/block:IndexPage}
  2065. </div>
  2066. {/block:Text}
  2067.  
  2068. {block:Photo}<div class="photo hovering hovers">
  2069. {block:IndexPage}
  2070. <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  2071. </div>
  2072. {block:IfNotSamePermalinksForAll}
  2073. <ul class="permalinks">
  2074. <li><a href="{Permalink}">{NoteCount}</a></li>
  2075. <li><a href="{ReblogURL}">Reblog</a></li>
  2076. <li>{block:RebloggedFrom}
  2077. <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
  2078. <li>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
  2079. </ul>
  2080. {/block:IfNotSamePermalinksForAll}
  2081. {block:IfCaptions}
  2082. {block:Caption}{Caption}{/block:Caption}
  2083. {/block:IfCaptions}
  2084. {block:IfSamePermalinksForAll}
  2085. <ul class="permalinks2">
  2086. <li><a href="{Permalink}">{NoteCount}</a></li>
  2087. <li>&middot;</li>
  2088. <li><a href="{ReblogURL}">Reblog</a></li>
  2089. {block:RebloggedFrom}<li>&middot;</li>
  2090. <li><a href="{ReblogParentURL}">Via</a></li>
  2091. {/block:RebloggedFrom}
  2092. {block:ContentSource}<li>&middot;</li>
  2093. <li><a href="{SourceURL}">Source</a></li>
  2094. {/block:ContentSource}
  2095. </ul>
  2096. {/block:IfSamePermalinksForAll}
  2097. {/block:IndexPage}
  2098. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  2099. {/block:PermalinkPage}</div>
  2100. {/block:Photo}
  2101.  
  2102. {block:Photoset}
  2103. <div class="photoset hovering hovers">
  2104. {block:IndexPage}
  2105. <div class="photosetty">{block:IfNot1Column}{Photoset-250}{/block:IfNot1Column}{block:If1Column}{Photoset-400}{/block:If1Column}</div>
  2106. {block:IfNotSamePermalinksForAll}
  2107. <ul class="permalinks">
  2108. <li><a href="{Permalink}">{NoteCount}</a></li>
  2109. <li><a href="{ReblogURL}">Reblog</a></li>
  2110. <li>{block:RebloggedFrom}
  2111. <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
  2112. <li>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
  2113. </ul>
  2114. {/block:IfNotSamePermalinksForAll}
  2115. {block:IfCaptions}
  2116. {block:Caption}{Caption}{/block:Caption}
  2117. {/block:IfCaptions}
  2118. {block:IfSamePermalinksForAll}
  2119. <ul class="permalinks2">
  2120. <li><a href="{Permalink}">{NoteCount}</a></li>
  2121. <li>&middot;</li>
  2122. <li><a href="{ReblogURL}">Reblog</a></li>
  2123. {block:RebloggedFrom}<li>&middot;</li>
  2124. <li><a href="{ReblogParentURL}">Via</a></li>
  2125. {/block:RebloggedFrom}
  2126. {block:ContentSource}<li>&middot;</li>
  2127. <li><a href="{SourceURL}">Source</a></li>
  2128. {/block:ContentSource}
  2129. </ul>
  2130. {/block:IfSamePermalinksForAll}
  2131. {/block:IndexPage}
  2132. {block:PermalinkPage}
  2133. {Photoset-500}
  2134. {/block:PermalinkPage}</div>
  2135. {/block:Photoset}
  2136.  
  2137. {block:Quote}
  2138. <div class="quote hovers">
  2139. <h1 class="post_title {Length}"><i>&ldquo;{Quote}&rdquo;</i></h1>
  2140. {block:IndexPage}{block:Source}<p><cite>&mdash;&nbsp;{Source}</cite></p>{/block:Source}{/block:IndexPage}
  2141.  
  2142. {block:IndexPage}
  2143. <ul class="permalinks2">
  2144. <li><a href="{Permalink}">{NoteCount}</a></li>
  2145. <li>&middot;</li>
  2146. <li><a href="{ReblogURL}">Reblog</a></li>
  2147. {block:RebloggedFrom}<li>&middot;</li>
  2148. <li><a href="{ReblogParentURL}">Via</a></li>
  2149. {/block:RebloggedFrom}
  2150. {block:ContentSource}<li>&middot;</li>
  2151. <li><a href="{SourceURL}">Source</a></li>
  2152. {/block:ContentSource}
  2153. </ul>
  2154. {/block:IndexPage}
  2155. </div>
  2156. {/block:Quote}
  2157.  
  2158. {block:Link}
  2159. <div class="link hovers">
  2160. <h1 class="post_title"><a href="{URL}">{Name}</a></h1>
  2161. {block:IndexPage}{block:Description}{Description}{/block:Description}{/block:IndexPage}
  2162.  
  2163. {block:IndexPage}
  2164. <ul class="permalinks2">
  2165. <li><a href="{Permalink}">{NoteCount}</a></li>
  2166. <li>&middot;</li>
  2167. <li><a href="{ReblogURL}">Reblog</a></li>
  2168. {block:RebloggedFrom}<li>&middot;</li>
  2169. <li><a href="{ReblogParentURL}">Via</a></li>
  2170. {/block:RebloggedFrom}
  2171. {block:ContentSource}<li>&middot;</li>
  2172. <li><a href="{SourceURL}">Source</a></li>
  2173. {/block:ContentSource}
  2174. </ul>
  2175. {/block:IndexPage}
  2176. </div>
  2177. {/block:Link}
  2178.  
  2179. {block:Chat}
  2180. <div class="chat inner hovers">
  2181. <ul>
  2182. {block:Lines}<li class="{Alt}">{block:Label}
  2183. <span class="label">{Label}</span>{/block:Label} {Line}
  2184. </li>{/block:Lines}
  2185. </ul>
  2186.  
  2187. {block:IndexPage}
  2188. <ul class="permalinks2">
  2189. <li><a href="{Permalink}">{NoteCount}</a></li>
  2190. <li>&middot;</li>
  2191. <li><a href="{ReblogURL}">Reblog</a></li>
  2192. {block:RebloggedFrom}<li>&middot;</li>
  2193. <li><a href="{ReblogParentURL}">Via</a></li>
  2194. {/block:RebloggedFrom}
  2195. {block:ContentSource}<li>&middot;</li>
  2196. <li><a href="{SourceURL}">Source</a></li>
  2197. {/block:ContentSource}
  2198. </ul>
  2199. {/block:IndexPage}
  2200. </div>
  2201. {/block:Chat}
  2202.  
  2203. {block:Audio}
  2204. <div class="audio hovers">
  2205. {block:IndexPage}
  2206. {block:AlbumArt}
  2207. <div class="albumart">
  2208. <a href="{Permalink}"><img src="{AlbumArtURL}"></a>
  2209. </div>
  2210. {/block:AlbumArt}
  2211. {block:AudioPlayer}
  2212. <div class="playbox">
  2213. {AudioPlayerWhite}
  2214. </div>
  2215. {/block:AudioPlayer}
  2216. <div class="audioinfo">
  2217. Artist: <span{block:Artist} style="display:none;"
  2218. {/block:Artist}>Unknown</span>
  2219. {block:Artist}{Artist}{/block:Artist}</br>
  2220. Title: <span{block:TrackName} style="display:none;"
  2221. {/block:TrackName}>Unknown</span>
  2222. {block:TrackName}{TrackName}{/block:TrackName}</br>
  2223. Album: <span{block:Album} style="display:none;"
  2224. {/block:Album}>Unknown</span>
  2225. {block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  2226. Plays: {FormattedPlayCount}{/block:PlayCount}
  2227. </div>
  2228. <ul class="permalinks2">
  2229. <li><a href="{Permalink}">{NoteCount}</a></li>
  2230. <li>&middot;</li>
  2231. <li><a href="{ReblogURL}">Reblog</a></li>
  2232. {block:RebloggedFrom}<li>&middot;</li>
  2233. <li><a href="{ReblogParentURL}">Via</a></li>
  2234. {/block:RebloggedFrom}
  2235. {block:ContentSource}<li>&middot;</li>
  2236. <li><a href="{SourceURL}">Source</a></li>
  2237. {/block:ContentSource}
  2238. </ul>
  2239. {/block:IndexPage}
  2240. {block:PermalinkPage}
  2241. {block:AlbumArt}<img src="{AlbumArtURL}" width="500"
  2242. height="500"/>{/block:AlbumArt}
  2243. {block:AudioPlayer}
  2244. {AudioPlayerWhite}
  2245. {/block:AudioPlayer}
  2246. {/block:PermalinkPage}</div>
  2247. {/block:Audio}
  2248.  
  2249. {block:Video}
  2250. <div class="video hovers">
  2251. {block:IndexPage}
  2252. <div class="video-player">{block:IfNot1Column}{Video-250}{/block:IfNot1Column}{block:If1Column}{Video-400}{/block:If1Column}</div>
  2253. {/block:IndexPage}
  2254. {block:PermalinkPage}
  2255. <div class="video-player">{Video-500}</div>
  2256. {/block:permalinkPage}
  2257.  
  2258. {block:IndexPage}
  2259. <ul class="permalinks2">
  2260. <li><a href="{Permalink}">{NoteCount}</a></li>
  2261. <li>&middot;</li>
  2262. <li><a href="{ReblogURL}">Reblog</a></li>
  2263. {block:RebloggedFrom}<li>&middot;</li>
  2264. <li><a href="{ReblogParentURL}">Via</a></li>
  2265. {/block:RebloggedFrom}
  2266. {block:ContentSource}<li>&middot;</li>
  2267. <li><a href="{SourceURL}">Source</a></li>
  2268. {/block:ContentSource}
  2269. </ul>
  2270. {/block:IndexPage}
  2271. </div>
  2272. {/block:Video}
  2273.  
  2274. {block:Answer}
  2275. <div class="answer hovers">
  2276. <img class="asks" src="{block:IndexPage}{block:IfNot1Column}{AskerPortraitURL-30}{/block:IfNot1Column}{block:If1Column}{AskerPortraitURL-64}{/block:If1Column}{/block:IndexPage}{block:PermalinkPage}{AskerPortraitURL-96}{/block:PermalinkPage}"><div class="question">{lang:Asker asked 2}: {Question}</div><hr style="visibility:hidden;width:100%;margin:0;">
  2277. {block:Answerer}<img class="asks2" src="{block:IndexPage}{block:IfNot1Column}{AnswererPortraitURL-30}{/block:IfNot1Column}{block:If1Column}{AnswererPortraitURL-64}{/block:If1Column}{/block:IndexPage}{block:PermalinkPage}{AnswererPortraitURL-96}{/block:PermalinkPage}"><div class="question2">{Answerer} replied: {Answer}</div><br><hr style="visibility:hidden;">{/block:Answerer}
  2278. {Replies}
  2279. {block:IfSignOffAsks}
  2280. <div id="signature" {block:Answerer}style="display:none;"{/block:Answerer}>-{text:Ask Sign Off}</div>
  2281. {/block:IfSignOffAsks}
  2282. {block:IndexPage}
  2283. <ul class="permalinks2">
  2284. <li><a href="{Permalink}">{NoteCount}</a></li>
  2285. <li>&middot;</li>
  2286. <li><a href="{ReblogURL}">Reblog</a></li>
  2287. {block:RebloggedFrom}<li>&middot;</li>
  2288. <li><a href="{ReblogParentURL}">Via</a></li>
  2289. {/block:RebloggedFrom}
  2290. {block:ContentSource}<li>&middot;</li>
  2291. <li><a href="{SourceURL}">Source</a></li>
  2292. {/block:ContentSource}
  2293. </ul>
  2294. {/block:IndexPage}
  2295. </div>
  2296. {/block:Answer}
  2297. </article>
  2298. {block:PermalinkPage}
  2299. {block:Photo}
  2300. {block:Caption}<div class="detailios">{Caption}</div>{/block:Caption}
  2301. {/block:Photo}
  2302. {block:Photoset}
  2303. {block:Caption}<div class="detailios">{Caption}</div>{/block:Caption}
  2304. {/block:Photoset}
  2305. {block:Quote}
  2306. {block:Source}<div class="detailios"><cite style="font-style:normal;"> &mdash;&nbsp;{Source}</cite></div>{/block:Source}
  2307. {/block:Quote}
  2308. {block:Link}
  2309. {block:Description}<div class="detailios">{Description}</div>{/block:Description}
  2310. {/block:Link}
  2311. {block:Audio}
  2312. <div class="detailios">
  2313. Artist: <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  2314. Title: <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  2315. Album: <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br>
  2316. Plays: {FormattedPlayCount}{/block:PlayCount}</div>
  2317. {block:Caption}<div class="detailios">{Caption}</div>{/block:Caption}
  2318. {/block:Audio}
  2319. {block:Video}
  2320. <div class="detailios">{Caption}</div>{/block:Caption}
  2321. {/block:Video}
  2322. {block:HasTags}
  2323. <div id="tags" class="detailios">
  2324. filed under: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  2325. </div>{/block:HasTags}
  2326. {block:PostNotes}
  2327. <div id="notes" class="postnotes detailios">
  2328. {PostNotes}
  2329. </div>
  2330. {/block:PostNotes}
  2331. {/block:PermalinkPage}
  2332. {/block:Posts}
  2333. <!--Close of article-->
  2334. </div>
  2335.  
  2336. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  2337. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  2338. <!--//////////Tooltips////////-->
  2339.  
  2340. <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>
  2341. <!--//////////End Tooltips/////-->
  2342. <script type="text/javascript">
  2343.  
  2344. $(function(){ // shorthand document.ready()
  2345. $('.make_lightbox').each(function(){ // this is just an element I let them click, it carries a series of data- attributes.
  2346. $(this).on('click',function(){ // when clicked. this is the newer jQuery click() handler that's only in v1.8+ so that may be something to note.
  2347. var lbArray = []; // create blank array.
  2348. var arrayContents = {"width":$(this).data('width'), "height":$(this).data('height'), "low_res":$(this).data("lowres"), "high_res":$(this).data('highres')}; // make set of the data- attributes.
  2349. lbArray.push(arrayContents); // push the set into the array.
  2350. Tumblr.Lightbox.init(lbArray,1); // trigger Tumblr lightbox. the '1' is the number of photos it expects. specific to how tumblr has things set up.
  2351. $('body').toggleClass('tumblr_lightbox_active'); // use this to prevent the user from scrolling.
  2352. });
  2353. });
  2354. });
  2355. </script>
  2356. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  2357. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  2358. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  2359. <!--Code for infinite scroll and grid layout-->
  2360. <script>
  2361. (function() {
  2362. var $tumblelog = $('#content');
  2363.  
  2364. $tumblelog.imagesLoaded( function(){
  2365. $tumblelog.masonry({
  2366. columnWidth: function( containerWidth ) {
  2367. return containerWidth / 100;
  2368. }
  2369. });
  2370. });
  2371. {block:IfNotPagination}
  2372. $tumblelog.infinitescroll({
  2373. navSelector : ".pagination",
  2374. nextSelector : ".pagination a:last",
  2375. itemSelector : "article",
  2376. bufferPx : 50,
  2377. done : "",
  2378. loading: {
  2379. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  2380. img : "",
  2381. msg: null,
  2382. msgText: "<p><i class='fa fa-spinner fa-pulse fa-3x'></i></p>"
  2383. },
  2384. },
  2385. function( newElements ) {
  2386. var $newElems = $( newElements ).css({ opacity: 0 });
  2387. $newElems.imagesLoaded(function(){
  2388. $newElems.animate({ opacity: 1 });
  2389. $tumblelog.masonry( 'appended', $newElems);
  2390. });
  2391. $(function(){ // shorthand document.ready()
  2392. $('.make_lightbox').each(function(){ // this is just an element I let them click, it carries a series of data- attributes.
  2393. $(this).on('click',function(){ // when clicked. this is the newer jQuery click() handler that's only in v1.8+ so that may be something to note.
  2394. var lbArray = []; // create blank array.
  2395. var arrayContents = {"width":$(this).data('width'), "height":$(this).data('height'), "low_res":$(this).data("lowres"), "high_res":$(this).data('highres')}; // make set of the data- attributes.
  2396. lbArray.push(arrayContents); // push the set into the array.
  2397. Tumblr.Lightbox.init(lbArray,1); // trigger Tumblr lightbox. the '1' is the number of photos it expects. specific to how tumblr has things set up.
  2398. $('body').toggleClass('tumblr_lightbox_active'); // use this to prevent the user from scrolling.
  2399. });
  2400. });
  2401. });
  2402.  
  2403. }
  2404. );
  2405. {/block:IfNotPagination}
  2406. })();
  2407. </script>
  2408.  
  2409. <div class="credit {select:Credit Position}">
  2410. <i class="fa fa-diamond"></i>&nbsp;<a class="mine" target="_blank" href="http://dontbrag.tumblr.com">ByChloeThemes</a>
  2411. </div>
  2412. </body>
  2413. {block:IfPopups}
  2414. {block:IfContactPopup}
  2415. <div id="02" class="popup_block {select:Popup Entry}">
  2416. <table class="contact">
  2417. <tr>
  2418. <td><div class="tableinnards">
  2419. {block:IfIWillWont}
  2420. <h1>I Will:</h1>
  2421. <ul class="dodont">
  2422. {block:IfIWillOne}
  2423. <li>{text:I Will One}</li>
  2424. {/block:IfIWillOne}
  2425. {block:IfIWillTwo}
  2426. <li>{text:I Will Two}</li>
  2427. {/block:IfIWillTwo}
  2428. {block:IfIWillThree}
  2429. <li>{text:I Will Three}</li>
  2430. {/block:IfIWillThree}
  2431. {block:IfIWillFour}
  2432. <li>{text:I Will Four}</li>
  2433. {/block:IfIWillFour}
  2434. {block:IfIWillFive}
  2435. <li>{text:I Will Five}</li>
  2436. {/block:IfIWillFive}
  2437. </ul>
  2438. <h1>I Won't:</h1>
  2439. <ul class="dodont2">
  2440. {block:IfIWontOne}
  2441. <li>{text:I Wont One}</li>
  2442. {/block:IfIWontOne}
  2443. {block:IfIWontTwo}
  2444. <li>{text:I Wont Two}</li>
  2445. {/block:IfIWontTwo}
  2446. {block:IfIWontThree}
  2447. <li>{text:I Wont Three}</li>
  2448. {/block:IfIWontThree}
  2449. {block:IfIWontFour}
  2450. <li>{text:I Wont Four}</li>
  2451. {/block:IfIWontFour}
  2452. {block:IfIWontFive}
  2453. <li>{text:I Wont Five}</li>
  2454. {/block:IfIWontFive}
  2455. </ul>
  2456. {/block:IfIWillWont}
  2457. {block:IfNotIWillWont}
  2458. <h1>Faq:</h1>
  2459. <ul class="faqu">
  2460. <li><h3>{text:Faq Question 1}</h3></li>
  2461. <li>{text:Faq Answer 1}</li>
  2462. <li><h3>{text:Faq Question 2}</h3></li>
  2463. <li>{text:Faq Answer 2}</li>
  2464. <li><h3>{text:Faq Question 3}</h3></li>
  2465. <li>{text:Faq Answer 3}</li>
  2466. <li><h3>{text:Faq Question 4}</h3></li>
  2467. <li>{text:Faq Answer 4}</li>
  2468. <li><h3>{text:Faq Question 5}</h3></li>
  2469. <li>{text:Faq Answer 5}</li>
  2470. <li><h3>{text:Faq Question 6}</h3></li>
  2471. <li>{text:Faq Answer 6}</li>
  2472. </ul>
  2473. {/block:IfNotIWillWont}
  2474. </div></td>
  2475. <td><div class="tableinnards">
  2476. {block:AskEnabled}
  2477. <h1>{AskLabel}</h1>
  2478. <iframe frameborder="0" width="350px" height="260px" id="ask_form" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" seamless></iframe>
  2479. {/block:AskEnabled}
  2480. {block:SubmissionsEnabled}
  2481. <br><br>
  2482. <h1>{SubmitLabel}</h1>
  2483. {text:Submission Guidelines}
  2484. <iframe frameborder="0" width="350px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" seamless></iframe>
  2485. {/block:SubmissionsEnabled}
  2486. </div></td>
  2487. </tr>
  2488. </table>
  2489. </div>
  2490. {/block:IfContactPopup}
  2491. {block:IfLinksPopup}
  2492. <div id="03" class="popup_block {select:Popup Entry}">
  2493. <h1 style="text-align:center">Links</h1>
  2494. <ul class="linkylous">
  2495. {block:IfPopupLink1}
  2496. <li><a href="{text:Popup URL 1}">{text:Popup Link 1}</a></li>
  2497. {/block:IfPopupLink1}
  2498. {block:IfPopupLink2}
  2499. <li><a href="{text:Popup URL 2}">{text:Popup Link 2}</a></li>
  2500. {/block:IfPopupLink2}
  2501. {block:IfPopupLink3}
  2502. <li><a href="{text:Popup URL 3}">{text:Popup Link 3}</a></li>
  2503. {/block:IfPopupLink3}
  2504. {block:IfPopupLink4}
  2505. <li><a href="{text:Popup URL 4}">{text:Popup Link 4}</a></li>
  2506. {/block:IfPopupLink4}
  2507. {block:IfPopupLink5}
  2508. <li><a href="{text:Popup URL 5}">{text:Popup Link 5}</a></li>
  2509. {/block:IfPopupLink5}
  2510. {block:IfPopupLink6}
  2511. <li><a href="{text:Popup URL 6}">{text:Popup Link 6}</a></li>
  2512. {/block:IfPopupLink6}
  2513. {block:IfPopupLink7}
  2514. <li><a href="{text:Popup URL 7}">{text:Popup Link 7}</a></li>
  2515. {/block:IfPopupLink7}
  2516. {block:IfPopupLink8}
  2517. <li><a href="{text:Popup URL 8}">{text:Popup Link 8}</a></li>
  2518. {/block:IfPopupLink8}
  2519. {block:IfPopupLink9}
  2520. <li><a href="{text:Popup URL 9}">{text:Popup Link 9}</a></li>
  2521. {/block:IfPopupLink9}
  2522. </ul>
  2523. </div>
  2524. {/block:IfLinksPopup}
  2525. {block:IfBlogrollPopup}
  2526. <div id="04" class="popup_block {select:Popup Entry}">
  2527. <h1 style="text-align:center">Blogroll</h1>
  2528. {block:Following}
  2529. <ul class="blogroll">
  2530. {block:Followed} <li>
  2531. <a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-64}"></a>
  2532. </li>{/block:Followed}
  2533. </ul>
  2534. {/block:Following}
  2535. </div>
  2536. {/block:IfBlogrollPopup}
  2537. {block:IfArchivePopup}
  2538. <div id="05" class="popup_block {select:Popup Entry}">
  2539. <iframe width="850px" height="600px" frameborder="0" src="http://{name}.tumblr.com/archive" scrolling="yes"></iframe>
  2540. </div>
  2541. {/block:IfArchivePopup}
  2542. {/block:IfPopups}
  2543. </html>
Advertisement
Add Comment
Please, Sign In to add comment