API tools faq
paste
Advertisement
tudotemseuvalor

Theme Rickrl

tudotemseuvalor
Feb 21st, 2019
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 92.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
  5. | _ | | | | | | |/ / | | | _ | | | | _ |
  6. | |_| | | | | _| | | / | _ | | |_| | | | | |_| |
  7. | - | | | | _ | - | _| | - | | _ | -
  8. | | \ | | | | | | \ | | | | \ | | | | \
  9. |_ _|\_ _\ |_ _| |_ _ _| |_ _|\_ _\ |_ _ _| |_ _|\_ _\ |_ _ _ _| |_ _|\_ _\
  10.  
  11.  
  12. ********************************
  13. Theme by: rickerlr.tumblr.com
  14. On: www.themecloud.co
  15. Name: LIGHTGLASS
  16. Version: 2.1 (2013)
  17. Year: 2012
  18. Other themes: rickerlrthemes.tumblr.com
  19. Twitter: @rickerlr
  20. ********************************
  21. -->
  22.  
  23. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  24. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  25. <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
  26. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  27. <head>
  28.  
  29.  
  30.  
  31.  
  32.  
  33. <meta https-equiv="Content-Type" content="text/html; charset=utf-8">
  34.  
  35. <meta name="color:Background" content="#f0f0f0"/>
  36. <meta name="color:Text Header Description" content="#666666"/>
  37. <meta name="color:Icons Photo" content="#ffffff"/>
  38. <meta name="color:Icons Photo Background" content="#000000"/>
  39. <meta name="color:Link" content="#000000"/>
  40. <meta name="color:Link Hover" content="#555555"/>
  41. <meta name="color:Link Menu" content="#555555"/>
  42. <meta name="color:Icons" content="#bbbbbb"/>
  43. <meta name="color:Opacity Color Photo Effect" content="#000000"/>
  44. <meta name="color:Post Background" content="#ffffff"/>
  45. <meta name="color:Social Icons Header" content="#444444"/>
  46. <meta name="color:Text" content="#666666"/>
  47. <meta name="color:Title" content="#333333"/>
  48. <meta name="color:Title Header" content="#333333"/>
  49.  
  50. <meta name="image:Background image" content="" />
  51. <meta name="image:Header Image" content="" />
  52. <meta name="image:Header Image2" content="" />
  53. <meta name="image:Header Image3" content="" />
  54.  
  55. <meta name="font:Body" content="Helvetica Neue, 'Open sans', Arial, sans-serif"/>
  56. <meta name="font:Description" content="courier new" />
  57. <meta name="text:SizeDescription" content="/" />
  58.  
  59. <!-- columns number -->
  60. <meta name="if:2 Columns" content="0"/>
  61. <meta name="if:3 Columns" content="1"/>
  62. <meta name="if:4 Columns" content="0"/>
  63. <meta name="if:5 Columns" content="0"/>
  64.  
  65. <meta name="if:Border Rounded" content="0"/>
  66. <meta name="if:Box Shadow" content="1"/>
  67. <meta name="if:Content Full Screen" content="0"/>
  68.  
  69. <!-- fonts -->
  70. <meta name="if:Font Damion" content="1"/>
  71. <meta name="if:Font Fredericka The Great" content="0"/>
  72. <meta name="if:Font Limelight" content="0"/>
  73. <meta name="if:Font Open Sans" content="0"/>
  74. <meta name="if:Font Open Sans Condensed" content="0"/>
  75. <meta name="if:Font Oswald" content="0"/>
  76. <meta name="if:Font Titan One" content="0"/>
  77. <meta name="if:Font Yesteryear" content="0"/>
  78. <meta name="if:Font Francois One" content="0"/>
  79. <meta name="if:Font Gochi Hand" content="0"/>
  80. <meta name="if:Font Indie Flower" content="0"/>
  81. <meta name="if:Font Leckerli One" content="0"/>
  82. <meta name="if:Font Lilita One" content="0"/>
  83. <meta name="if:Font Lobster" content="0"/>
  84. <meta name="if:Font Mrs Sheppards" content="0"/>
  85. <meta name="if:Font Oleo Script" content="0"/>
  86. <meta name="if:Font Oswald" content="0"/>
  87.  
  88. <meta name="if:Hide Description" content="0"/>
  89. <meta name="if:Infinite Scroll" content="1"/>
  90. <meta name="if:Paper Effect" content="1"/>
  91. <meta name="if:Show Archive Link" content="1"/>
  92. <meta name="if:Show Captions" content="0"/>
  93. <meta name="if:Show Menu Fixed Top" content="1"/>
  94. <meta name="if:Show Random Link" content="0"/>
  95. <meta name="if:Show Rss Link" content="0"/>
  96. <meta name="if:Show Social Share Buttons" content="1"/>
  97. <meta name="if:Tumblr Follow Button Fixed" content="0"/>
  98. <meta name="if:Post Padding" content="0"/>
  99.  
  100.  
  101. <meta name="text:Back Top" content="Back to top" />
  102. <meta name="text:Disqus Shortname" content="" />
  103. <meta name="text:Footer Text" content="" />
  104. <meta name="text:Google Analytics ID" content="" />
  105. <meta name="text:Twitter Username" content="" />
  106.  
  107. <meta name="text:URL Deviant Art" content=""/>
  108. <meta name="text:URL Dribbble" content=""/>
  109. <meta name="text:URL Facebook" content=""/>
  110. <meta name="text:URL Flickr" content=""/>
  111. <meta name="text:URL Google Plus" content=""/>
  112. <meta name="text:URL LinkedIn" content=""/>
  113. <meta name="text:URL Twitter" content=""/>
  114. <meta name="text:URL YouTube" content=""/>
  115.  
  116. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  117.  
  118. <title>{Title}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:DayPage} | {Month} {DayOfMonth}, {Year}{/block:DayPage}</title>
  119. {block:Description}
  120. <meta name="description" content="{MetaDescription}" />
  121. {/block:Description}
  122. <link rel="shortcut icon" href="{Favicon}" />
  123. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  124. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  125.  
  126. <!--[if lt IE 9]>
  127. <script src="https://static.tumblr.com/dbek3sy/A8Hmj11p2/html5shiv.js"></script>
  128. <![endif]-->
  129.  
  130. <!-- css normalize -->
  131. <link rel="stylesheet" src="https://static.tumblr.com/dbek3sy/B5Fmjhygj/normalize.css" />
  132.  
  133. <!-- fonts -->
  134. <link href='https://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  135.  
  136. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  137. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  138. <link href='https://fonts.googleapis.com/css?family=Lilita+One|Oleo+Script|Lobster|Gochi+Hand|Mrs+Sheppards|Open+Sans+Condensed:700|Leckerli+One|Francois+One|Indie+Flower' rel='stylesheet' type='text/css'>
  139. <link href='https://static.tumblr.com/dbek3sy/VtLmbsu90/socialico.css' rel='stylesheet' type='text/css'>
  140. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/dbek3sy/oT8mjv1mr/lightglass-font.css">
  141. <link href='https://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  142.  
  143. <link href='https://fonts.googleapis.com/css?family=Droid+Sans|Arapey:400italic,400|Yanone+Kaffeesatz:400,300|Megrim|Open+Sans' rel='stylesheet' type='text/css'>
  144.  
  145.  
  146. <!-- fancybox style -->
  147. <link rel='stylesheet' type='text/css' href="https://static.tumblr.com/hft4fqc/IMbopq21a/jquery.fancybox-1.3.4.css">
  148.  
  149. <!-- photoset css -->
  150. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/dbek3sy/KXpmjrjgj/style.css">
  151.  
  152.  
  153.  
  154. <style type="text/css">
  155.  
  156.  
  157.  
  158.  
  159. @font-face {
  160. font-family: 'EntypoRegular';
  161. src: url('https://static.tumblr.com/hft4fqc/8zam9pnkx/entypo.otf');
  162. src: local('EntypoRegular'), url('https://static.tumblr.com/hft4fqc/8zam9pnkx/entypo.otf') format('truetype');
  163. }
  164.  
  165. *{
  166. -moz-box-sizing: border-box;
  167. -webkit-box-sizing: border-box;
  168. box-sizing: border-box;
  169. }
  170.  
  171. #fancybox-wrap{
  172. box-sizing: content-box !important;
  173. }
  174.  
  175. #installtheme{
  176. position: absolute;
  177. {block:IfTumblrFollowButtonFixed}
  178. position:fixed !important;
  179. {/block:IfTumblrFollowButtonFixed}
  180. right:3px;
  181. top:3px;
  182. z-index: 9999;
  183. }
  184.  
  185. #tumblr_controls{
  186. right: 99px !important;
  187. position: absolute !important;
  188. {block:IfTumblrFollowButtonFixed}
  189. position: fixed !important;
  190. {/block:IfTumblrFollowButtonFixed}
  191. }
  192.  
  193. a, img{border: 0;}
  194.  
  195. .right{float: right;}
  196. .left{float: left;}
  197. .clear{clear: both;}
  198.  
  199. ul li, ol li{list-style-type: none;}
  200.  
  201. h1,h2,h3,h4,h5,h6{
  202. color: {color:Title};
  203. line-height: 1.1em;
  204. font-weight: bold;
  205. padding: 15px 15px 0px;
  206. margin: 0px;
  207. text-align: left;
  208. }
  209.  
  210. h1 a{color: #fff;}
  211.  
  212. h1{font-size: 1.7em;}
  213. h2{font-size: 1.5em;}
  214. h3{font-size: 1.3em;}
  215. h4{font-size: 1.2em;}
  216. h5{font-size: 1.1em;}
  217. h6{font-size: 1em;}
  218.  
  219. a, #loadMorePostButton.loadMorePostButton{
  220. -webkit-transition: all 0.2s ease;
  221. -moz-transition: all 0.2s ease;
  222. -o-transition: all 0.2s ease;
  223. transition: all 0.2s ease;
  224. }
  225.  
  226. a{
  227. color:{color:Link};
  228. text-decoration:none;
  229. }
  230.  
  231. a:hover{
  232. color:{color:Link Hover};
  233. }
  234.  
  235. {block:IfBorderRounded}
  236. article.posts, .caption img, .opacityColorPhotoEffect,
  237. article.posts section.answerSection img.answerImage,
  238. article.posts .chat li.odd, article.posts header{
  239. border-radius: 4px;
  240. -moz-border-radius: 4px;
  241. -webkit-border-radius: 4px;
  242. }
  243.  
  244. article.posts header{
  245. overflow: hidden;
  246. }
  247.  
  248. article.posts img.photo{
  249. {block:IfShowCaptions}
  250. -webkit-border-top-left-radius: 4px;
  251. -webkit-border-top-right-radius: 4px;
  252. -moz-border-radius-topleft: 4px;
  253. -moz-border-radius-topright: 4px;
  254. border-top-left-radius: 4px;
  255. border-top-right-radius: 4px;
  256. {/block:IfShowCaptions}
  257.  
  258. {block:IfNotShowCaptions}
  259. border-radius: 4px;
  260. -moz-border-radius: 4px;
  261. -webkit-border-radius: 4px;
  262. {/block:IfNotShowCaptions}
  263. }
  264. {/block:IfBorderRounded}
  265.  
  266. #head_description, header nav ul li,
  267. #menuShow, .caption, article.posts .chat .label,
  268. article.paddingPosts, #loadMorePostButton.loadMorePostButton,
  269. #backToTopButton, ul#pagination, section#footerDetails{
  270. font-size: .8em;
  271. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  272. font-size: 0.9em !important;
  273. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  274. }
  275.  
  276. body{
  277. padding: 0; margin: 0;
  278. font-size: 100%;
  279. color: {color:Text};
  280. font-family: {font:Body};
  281. text-align: center;
  282. word-wrap: break-word;
  283. background-color: {color:Background};
  284. background-image: url({image:Background Image});
  285. background-repeat: repeat;
  286. background-attachment: fixed;
  287. background-position: top left;
  288. -webkit-font-smoothing: antialiased;
  289. }
  290.  
  291. header#header{
  292. margin: 0 auto;
  293. position: relative;
  294. width: -webkit-calc(100% - (20px * 2));
  295. width: -moz-calc(100% - (20px * 2));
  296. width: calc(100% - (20px *2));
  297. text-align: center;
  298. }
  299.  
  300.  
  301.  
  302. header#header h1{position:relative;
  303. text-align: center;
  304. font-size: 3.5em;
  305. top:0px;
  306. {block:IfFontDamion}
  307. font-family: 'Damion', cursive;
  308. {/block:IfFontDamion}
  309. {block:IfFontFrederickaTheGreat}
  310. font-family: 'Fredericka the Great', cursive;
  311. {/block:IfFontFrederickaTheGreat}
  312. {block:IfFontLimelight}
  313. font-family: 'Limelight', cursive;
  314. {/block:IfFontLimelight}
  315. {block:IfFontOpenSans}
  316. font-family: 'Open Sans', sans-serif;
  317. {/block:IfFontOpenSans}
  318. {block:IfFontOpenSansCondensed}
  319. font-family: 'Open Sans Condensed', sans-serif;
  320. {/block:IfFontOpenSansCondensed}
  321. {block:IfFontOswald}
  322. font-family: 'Oswald', sans-serif;
  323. {block:IfFontOswald}
  324. {block:IfFontTitanOne}
  325. font-family: 'Titan One', cursive;
  326. {/block:IfFontTitanOne}
  327. {block:IfFontYesteryear}
  328. font-family: 'Yesteryear', cursive;
  329. {/block:IfFontYesteryear}
  330. {block:IfFontFrancoisOne}
  331. font-family: 'Francois One', sans-serif;
  332. {/block:IfFontFrancoisOne}
  333. {block:IfFontGochiHand}
  334. font-family: 'Gochi Hand', cursive;
  335. {/block:IfFontGochiHand}
  336. {block:IfFontIndieFlower}
  337. font-family: 'Indie Flower', cursive;
  338. {/block:IfFontIndieFlower}
  339. {block:IfFontLeckerliOne}
  340. font-family: 'Leckerli One', cursive;
  341. {/block:IfFontLeckerliOne}
  342. {block:IfFontLilitaOne}
  343. font-family: 'Lilita One', cursive;
  344. {/block:IfFontLilitaOne}
  345. {block:IfFontLobster}
  346. font-family: 'Lobster', cursive;
  347. {/block:IfFontLobster}
  348. {block:IfFontMrsSheppards}
  349. font-family: 'Mrs Sheppards', cursive;
  350. {/block:IfFontMrsSheppards}
  351. {block:IfFontOleoScript}
  352. font-family: 'Oleo Script', cursive;
  353. {/block:IfFontOleoScript}
  354. font-weight: normal !important;
  355. }
  356.  
  357. header#header h1 a{color: {color:Title Header};
  358. text-shadow:3px 4px 0px rgba(0,0,0,0.1), 4px -6px 0px rgba(0,0,0,0.2),4px 8px 0px rgba(0,0,0,0.3),-8px 6px 0px rgba(0,0,0,0.4),-3px -8px 0px rgba(0,0,0,0.2);
  359.  
  360. }
  361.  
  362. header#header h1 a:hover {color:#fff;letter-spacing:6px; text-shadow:1px 0px 0px rgba(0,0,0,0.1), 1px 0px 0px rgba(0,0,0,0.2),1px 1px 0px rgba(0,0,0,0.3),-2px 1px 0px rgba(0,0,0,0.4),1px 1px 0px rgba(0,0,0,0.2);
  363. -webkit-transition: all 1.4s ease;
  364. -moz-transition: all .4s ease;
  365. -o-transition: all .4s ease;
  366. transition: all .4s ease;
  367. }
  368.  
  369. .nameBlog{letter-spacing:2px; font-size:50px;
  370. cursor: pointer;
  371. position:relative;
  372. color:#fff;
  373. margin-top:-440px; text-shadow:1px 2px 0px rgba(0,0,0,0.1), 2px -3px 0px rgba(0,0,0,0.2),2px 4px 0px rgba(0,0,0,0.3),-4px 3px 0px rgba(0,0,0,0.4),-1px -4px 0px rgba(0,0,0,0.2);
  374. }
  375.  
  376. a:hover.nameBlog {color:#fff;letter-spacing:6px; text-shadow:1px 0px 0px rgba(0,0,0,0.1), 1px 0px 0px rgba(0,0,0,0.2),1px 1px 0px rgba(0,0,0,0.3),-2px 1px 0px rgba(0,0,0,0.4),1px 1px 0px rgba(0,0,0,0.2);
  377. -webkit-transition: all 1.4s ease;
  378. -moz-transition: all .4s ease;
  379. -o-transition: all .4s ease;
  380. transition: all .4s ease;}
  381. #nameBlogh:hover{letter-spacing:3px;}
  382.  
  383. header#header h4{
  384. text-align: center;
  385. margin-bottom: 20px;
  386. }
  387.  
  388. header#header img#bannerLogo{position:relative;
  389. margin-top: 0px;
  390. margin-left:30px;
  391. width:107%;!important;
  392. height:650px;
  393. opacity:1;
  394. -webkit-transition: all 1.8s ease;
  395. -moz-transition: all 1.8s ease;
  396. -o-transition: all 1.8s ease;
  397. transition: all 1.8s ease;
  398. z-index:-1;
  399. }
  400. header#header img#bannerLogo:hover{opacity:0;
  401. -webkit-transition: all 1.8s ease;
  402. -moz-transition: all 1.8s ease;
  403. -o-transition: all 1.8s ease;
  404. transition: all 1.8s ease;
  405. }
  406.  
  407.  
  408. header#header img#bannerLogo2{position:absolute;
  409. margin-top: -655px;
  410. left:-25px;
  411. width:107%; !important;
  412. height:650px;
  413. opacity:0;
  414. display:inline;
  415. -webkit-transition: all 1.8s ease;
  416. -moz-transition: all 1.8s ease;
  417. -o-transition: all 1.8s ease;
  418. transition: all 1.8s ease;
  419. z-index:0;
  420. }
  421. header#header img#bannerLogo2:hover{opacity:1;
  422. -webkit-transition: all 1.8s ease;
  423. -moz-transition: all 1.8s ease;
  424. -o-transition: all 1.8s ease;
  425. transition: all 1.8s ease;
  426. }
  427.  
  428.  
  429. #head_description{position:relative;
  430. top:20px;
  431. margin-left:20px;
  432. text-align:center;
  433. font-family:{font:Description};
  434. line-height: 1.5em;
  435. font-size:{text:SizeDescription}px;
  436. color: {color:Text Header Description};
  437. {block:IfHideDescription}
  438. display:none;
  439. position:relative;
  440. top:10px;
  441. margin-left:20px;
  442. text-align:center;
  443. {/block:IfHideDescription}
  444. }
  445.  
  446. #head_description a{color:{color:Link menu};}
  447.  
  448. #header nav#socialLinks ul{
  449. margin-top: -10px;
  450. padding: 0px;
  451. }
  452.  
  453. #header nav#socialLinks li{font-size:12px;
  454. display:inline;
  455. margin-left:5px;
  456. }
  457.  
  458. #header nav#socialLinks li a{text-shadow:1px 0px 0px rgba(0,0,0,0.1), 0px 1px 0px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.3),-1px 0px 0px rgba(0,0,0,0.4),0px -1px -1px rgba(0,0,0,0.2);
  459. color: {color:Social Icons Header};
  460. font-size: 4em;
  461. font-family: "socialicoregular";
  462. }
  463.  
  464. #header nav#socialLinks li a:hover{color:{color:Link};}
  465.  
  466. #header nav#socialLinks li:first-child{margin-left:0px;}
  467.  
  468. #twitterIcon a:hover{color:#00aced !important;}
  469. #facebookIcon a:hover{color:#104e8b !important;}
  470. #googleIcon a:hover{color:#ff4040 !important;}
  471. #linkedinIcon a:hover{color:#006699 !important;}
  472. #flickrIcon a:hover{color:#fe0084 !important;}
  473. #deviantIcon a:hover{color:#4a5d4e !important;}
  474. #youtubeIcon a:hover{color:#ff3333 !important;}
  475. #dribbbleIcon a:hover{color:#ea4c89 !important;}
  476.  
  477. #header nav#menu ul{margin-top: 20px; padding:5px;padding:2px;}
  478.  
  479. #header nav#menu ul li{
  480. display: inline;
  481. margin: 0px 10px;
  482. }
  483.  
  484. #header nav#menu ul li a{text-transform:uppercase; font-family:;'Homenaje', sans-serif;
  485. letter-spacing: 1px;
  486. color: {color:Link Menu};
  487. }
  488.  
  489. #header nav#menu ul li a:hover{border-top:1px initial gray;
  490. color: #fff; text-shadow:#000 1px 1px 1px; letter-spacing:1px;border-bottom:1px solid #000; padding:2px;
  491. }
  492.  
  493. {block:IFShowMenuFixedTop}
  494. .menuTop{
  495. display: none;
  496. margin-top:0px !important;
  497. width: 100%;
  498. left: 0px;
  499. position: fixed !important;
  500. top:-50px;
  501. background: rgba({RGBcolor:Post Background},0.93);
  502. z-index:10;
  503. {block:IfBoxShadow}
  504. box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset 0px 0px 2px rgba(255,255,255,0.2);
  505. {/block:IfBoxShadow}
  506.  
  507. {block:IfBorderRounded}
  508. -webkit-border-bottom-right-radius: 4px;
  509. -webkit-border-bottom-left-radius: 4px;
  510. -moz-border-radius-bottomright: 4px;
  511. -moz-border-radius-bottomleft: 4px;
  512. border-bottom-right-radius: 4px;
  513. border-bottom-left-radius: 4px;
  514. {/block:IfBorderRounded}
  515. }
  516. {/block:IFShowMenuFixedTop}
  517.  
  518. #menu-mobile{
  519. cursor: pointer;
  520. position: relative;
  521. display: none;
  522. width: 100%;
  523. background-color: rgba({RGBcolor:Link}, 0.85);
  524. }
  525.  
  526. #menuShow{
  527. text-align: left;
  528. font-weight: bold;
  529. color: {color:Post Background};
  530. padding: 20px;
  531. background-color: {color:Link};
  532. }
  533.  
  534. #menu-mobile ul{
  535. margin:0;
  536. padding: 0;
  537. display: none;
  538.  
  539. -webkit-transition: all 0.3s ease;
  540. -moz-transition: all 0.3s ease;
  541. transition: all 0.3s ease;
  542. -o-transition: all 0.3s ease;
  543. }
  544.  
  545. #menu-mobile li{
  546. text-align: center;
  547. float: left;
  548. width: 50%;
  549. }
  550.  
  551. #menu-mobile a {
  552. color: {color:Post Background};
  553. display: block;
  554. padding: 20px 0;
  555. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  556. text-decoration: none;
  557. white-space: nowrap;
  558. text-overflow: ellipsis;
  559. overflow: hidden;
  560. }
  561.  
  562. #menu-mobile li:nth-of-type(2n-1) a { border-right: 1px solid rgba(255, 255, 255, 0.1); }
  563.  
  564. section#wrap, footer#footer{
  565. {block:IfNotContentFullScreen}
  566. {block:IndexPage}
  567. width: 730px;
  568. {block:If2Columns}width:1060px;{/block:If2Columns}
  569. {block:If3Columns}width:1150px;{/block:If3Columns}
  570. {block:If4Columns}width:1200px;{/block:If4Columns}
  571. {block:If5Columns}width:1500px;{/block:If5Columns}
  572. {/block:IndexPage}
  573. {/block:IfNotContentFullScreen}
  574. {block:PermalinkPage}
  575. width: 730px;
  576. {/block:PermalinkPage}
  577. margin: 0 auto;
  578. }
  579.  
  580. section#wrap{
  581. position: relative;
  582. text-align: left;
  583. }
  584.  
  585. /******** posts ********/
  586.  
  587. article.posts, article.posts .videoPost, article.posts img.photo, article.posts .photosetPost, .audioimage{
  588. {block:IndexPage}
  589. width: 700px;
  590. {block:If2Columns}width:500px;{/block:If2Columns}
  591. {block:If3Columns}width:300px;{/block:If3Columns}
  592. {block:If4Columns}width:300px;{/block:If4Columns}
  593. {block:If5Columns}width:250px;{/block:If5Columns}
  594. {/block:IndexPage}
  595. {block:PermalinkPage}
  596. width: 700px;
  597. {/block:PermalinkPage}
  598. }
  599.  
  600. .videoPost { margin-left:25px;width:300px; margin-top:25px;}
  601.  
  602. article.posts{
  603. {block:IfBoxShadow}
  604. box-shadow: 0px 1px 1px rgba(0,0,0,0.50),
  605. inset 0px 0px 2px rgba(255,255,255,0.2);
  606. {/block:IfBoxShadow}
  607. margin: 25px;
  608. background-color: {color:Post Background};
  609. position: relative;
  610. z-index: 1;
  611. {block:IndexPage}
  612. float:left;
  613. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  614. margin-top:30px;
  615. float:none;
  616. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  617. {/block:IndexPage}
  618. {block:PermalinkPage}
  619. margin-top: 30px;
  620. padding-bottom: 15px;
  621. {/block:PermalinkPage}
  622. }
  623.  
  624. {block:IfPaperEffect}
  625. article.posts:after{
  626. content: "";
  627. width: 98%;
  628. position: absolute;
  629. left: 50%;
  630. margin-left: -48.85%;
  631. height: 3px;
  632. bottom: -3px;
  633. background: {color:Post Background};
  634. {block:IfBoxShadow}
  635. box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px 0px 2px rgba(255,255,255,0.2), inset 0px 1px 2px rgba(0,0,0,0.2);
  636. {/block:IfBoxShadow}
  637. {block:IfNotBoxShadow}
  638. box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
  639. {/block:IfNotBoxShadow}
  640. z-index: 0;
  641.  
  642. {block:IfBorderRounded}
  643. -webkit-border-bottom-right-radius: 3px;
  644. -webkit-border-bottom-left-radius: 3px;
  645. -moz-border-radius-bottomright: 3px;
  646. -moz-border-radius-bottomleft: 3px;
  647. border-bottom-right-radius: 3px;
  648. border-bottom-left-radius: 3px;
  649. {/block:IfBorderRounded}
  650. }
  651. article.deletePaperEffect.posts:after{
  652. width: 0;
  653. height: 0;
  654. bottom:5px;
  655. }
  656. {/block:IfPaperEffect}
  657.  
  658. .caption{
  659. padding: 10px 15px 0px;
  660. line-height: 1.5em;
  661. color: {color:Text};
  662. }
  663.  
  664. .caption p:first-child{padding-top: 0px;}
  665. .caption p{margin:5px 0 0;}
  666.  
  667. .caption strong, .caption b{font-weight:bold;}
  668. .caption i, .caption em{font-style:italic;}
  669.  
  670. .caption blockquote, ol.notes blockquote{
  671. padding-left:10px;
  672. margin-right: 0;
  673. border-left: 3px solid rgba({RGBcolor:Text}, 0.3);
  674. margin: 10px 0px;
  675. }
  676.  
  677. ol.notes blockquote{
  678. margin-left: 25px;
  679. margin-right: 0;
  680. }
  681.  
  682. .caption ul{
  683. padding-left: 25px;
  684. }
  685.  
  686. .caption ul li{
  687. margin-top: 2px;
  688. list-style-type: disc;
  689. }
  690.  
  691. .caption img{
  692. display: block;
  693. max-width: 100%;
  694. height: auto;
  695. margin: 10px 0px;
  696.  
  697. {block:PermalinkPage}
  698. display:block;
  699. margin: 10px auto;
  700. {/block:PermalinkPage}
  701. }
  702.  
  703. .caption blockquote img{
  704. display: inline !important;
  705. }
  706.  
  707. article.posts .photosetPost, article.posts img.photo, .videoPost{
  708. position: relative;
  709. }
  710.  
  711. article.posts img.photo {{block:ifPostPadding}
  712.  
  713. padding:7px 7px 6px 7px;{/block:ifPostPadding}}
  714.  
  715. article.posts img.photo{
  716. margin-bottom: -4px;
  717. {block:ifPostPadding}
  718. margin-bottom: -2px;
  719. {/block:ifPostPadding}
  720. {block:PermalinkPage}
  721. margin-bottom: -18px;
  722. {/block:PermalinkPage}
  723. }
  724.  
  725. {block:IndexPage}
  726. {block:IfNotShowCaptions}
  727. .opacityColorPhotoEffect{
  728. position:absolute;
  729. background:rgba(0,0,0,0.5);
  730. background-image: url("https://static.tumblr.com/8jq17g7/ZRflvr254/screen-pattern.png");
  731. width: 100%;
  732. height:100%;
  733. left:0px;
  734. top:0px;
  735. z-index: 9998;
  736. opacity:0;filter:alpha(opacity=0);
  737. {block:ifpostpadding}
  738. position:absolute;
  739. background:rgba(0,0,0,0.5);
  740. background-image: url("https://static.tumblr.com/8jq17g7/ZRflvr254/screen-pattern.png");
  741. top:7px;
  742. left:7px;
  743. width:285px;
  744. height:96.5%; !important;
  745. {/block:ifpostpadding}
  746. box-shadow: 0 0 40px rgba(0, 0, 0, 0.10) inset;
  747. -webkit-transition: all .5s ease;
  748. -moz-transition: all .5s ease;
  749. transition: all .5s ease;
  750. -o-transition: all .5s ease;
  751. }
  752.  
  753.  
  754. .opacityColorPhotoEffect1{
  755. position:absolute;
  756. height:100%;
  757. width: 100%;
  758. left:0px;
  759. bottom:0px;
  760. z-index: 9998;
  761. opacity:0;filter:alpha(opacity=0);
  762. {block:if5Columns}
  763. width:236px;
  764. left:7px;
  765. bottom:7px;
  766. {block:if5Columns}
  767. box-shadow: 0 0 40px rgba(0, 0, 0, 0) inset;
  768. background: linear-gradient(to bottom, rgba(0,0,0,.90) 0%,rgba(0,0,0,0.0) 100%);
  769. -webkit-transition: all .5s ease;
  770. -moz-transition: all .5s ease;
  771. transition: all .5s ease;
  772. -o-transition: all .5s ease;
  773. }
  774.  
  775.  
  776. .description_icons{
  777. font-family: 'lightglassregular';
  778. line-height: 28px;
  779. text-align: center;
  780. background: rgba(0,0,0) !important;
  781. height: 30px;
  782. width: 30px;
  783. position: absolute;
  784. display: block;
  785. font-size:1em;
  786. font-weight:normal;
  787. left: 50%;
  788. bottom:30%;
  789. opacity:0;
  790. filter:alpha(opacity=0);
  791. z-index: 9999;
  792. -webkit-border-radius: 15px;
  793. -moz-border-radius: 15px;
  794. border-radius: 15x;
  795. }
  796. a.description_icons{color: {color:Icons Photo};}
  797. .reblog_icon{
  798. margin-left: 30px;
  799. -webkit-transition: all 0.4s ease;
  800. -moz-transition: all 0.4s ease;
  801. transition: all 0.4s ease;
  802. -o-transition: all 0.4s ease;
  803.  
  804. }
  805.  
  806.  
  807. .posts a:hover.reblog_icon.description_icons{-webkit-transform: rotate(180deg);}
  808.  
  809. .heart_icon{
  810. margin-left: 0px;
  811. line-height:32px;
  812. -webkit-transition: all 0.48s ease;
  813. -moz-transition: all 0.48s ease;
  814. transition: all 0.48s ease;
  815. -o-transition: all 0.48s ease;
  816. }
  817.  
  818. .zoom_icon{
  819. margin-left: -30px;
  820. -webkit-transition: all 0.5s ease;
  821. -moz-transition: all 0.5s ease;
  822. transition: all 0.5s ease;
  823. -o-transition: all 0.5s ease;
  824.  
  825. }
  826.  
  827. .permalink_icon{
  828. margin-left: -60px;
  829. -webkit-transition: all 0.58s ease;
  830. -moz-transition: all 0.58s ease;
  831. transition: all 0.58s ease;
  832. -o-transition: all 0.58s ease;}
  833.  
  834. .permalink_temp{ font-family:'Six Caps';
  835. font-size:5em;
  836. line-height: 70px;
  837. text-align: center;
  838. position: absolute;
  839. top:3px;
  840. right:15px;
  841. padding:5px 15px 15px 15px;
  842. width:auto;
  843. height:auto;
  844. box-shadow: 0 0 40px rgba(0, 0, 0, 0.10) inset;
  845. background: linear-gradient(to top, rgba(0,0,0,.90) 0%,rgba(0,0,0,0.0) 100%);
  846. border-bottom:1px dotted #fff;
  847. border-left:1px dotted #fff;
  848. text-transform:uppercase;
  849. color:#fff;
  850. z-index:99999;
  851. -webkit-border-radius: 3px;
  852. -moz-border-radius: 3px;
  853. border-radius: 3px;
  854. opacity:0; filter:alpha(opacity=0);
  855. -webkit-transition: all .5s ease;
  856. -moz-transition: all .5s ease;
  857. transition: all .5s ease;
  858. -o-transition: all .5s ease;
  859. }
  860.  
  861. .permalink_data{ font-family:'Six Caps';
  862. font-size:2.5em;
  863. font:bold;
  864. line-height:28px;
  865. text-align: center;
  866. position: absolute;
  867. bottom:3px;
  868. margin-left:15px;
  869. padding:15px 10px 15px 10px;
  870. width:auto;
  871. height:auto;
  872. box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) inset;
  873. background: linear-gradient(to bottom, rgba(0,0,0,.90) 0%,rgba(0,0,0,0.0) 100%);
  874. border-bottom:1px dotted #fff;
  875. color:#fff;
  876. z-index:999999;
  877. -webkit-border-radius: 3px;
  878. -moz-border-radius: 3px;
  879. border-radius: 3px;
  880. opacity:0; filter:alpha(opacity=0);
  881. -webkit-transition: all .5s ease;
  882. -moz-transition: all .5s ease;
  883. transition: all .5s ease;
  884. -o-transition: all .5s ease;
  885. }
  886.  
  887.  
  888. .posts:hover .permalink_temp{
  889. margin-left:74px;
  890. top:12px;
  891. opacity:1; filter:alpha(opacity=100);
  892. -webkit-transition: all .5s ease;
  893. -moz-transition: all .5s ease;
  894. transition: all .5s ease;
  895. -o-transition: all .5s ease;
  896. }
  897.  
  898. a:hover.permalink_temp{text-shadow:0px 0px 20px #fff;}
  899.  
  900. a:hover.permalink_data{text-shadow:0px 0px 20px #fff;}
  901.  
  902. .posts:hover .permalink_data{
  903. margin-left:15px;
  904. bottom:12px;
  905. opacity:1; filter:alpha(opacity=100);
  906. -webkit-transition: all .5s ease;
  907. -moz-transition: all .5s ease;
  908. transition: all .5s ease;
  909. -o-transition: all .5s ease;
  910.  
  911. }
  912. .posts:hover .opacityColorPhotoEffect{
  913. opacity:1; filter:alpha(opacity=100);
  914. -webkit-transition: all .3s ease;
  915. -moz-transition: all .3s ease;
  916. transition: all .3s ease;
  917. -o-transition: all .3s ease;
  918.  
  919. }
  920.  
  921. .posts:hover .opacityColorPhotoEffect1{height:100%;
  922. opacity:1; filter:alpha(opacity=100);
  923. -webkit-transition: all .3s ease;
  924. -moz-transition: all .3s ease;
  925. transition: all .3s ease;
  926. -o-transition: all .3s ease;
  927.  
  928. }
  929. .posts a:hover.description_icons{text-shadow: 1px 1px 0px rgba(0,0,0,0) !important;
  930. background: transparent !important;
  931. -webkit-transition: all .2s ease;
  932. -moz-transition: all .2s ease;
  933. transition: all .2s ease;
  934. -o-transition: all .2s ease;
  935.  
  936. }
  937.  
  938. .posts:hover .description_icons{
  939. bottom:46%;
  940. left:50%;
  941. opacity:0.9;filter:alpha(opacity=90);
  942.  
  943.  
  944. }
  945.  
  946. {block:IfNotShowCaptions}
  947. {/block:IndexPage}
  948.  
  949. article.posts .photosetPost{
  950. margin-bottom: -10px;
  951. }
  952.  
  953. article.posts .chat{padding: 15px 15px 0; margin: 0;}
  954.  
  955. article.posts .chat .caption{padding: 0;}
  956.  
  957. article.posts .chat .label{
  958. font-weight:bold;
  959. }
  960.  
  961. article.posts .chat li.odd,
  962. article.posts .chat li.even{
  963. -webkit-border-radius: 3px;
  964. -moz-border-radius: 3px;
  965. border-radius: 3px;
  966. padding: 10px;
  967. }
  968.  
  969. article.posts .chat li.odd{
  970. background: rgba({RGBcolor:Link},0.08);
  971. color:{color:Link};
  972. }
  973.  
  974. article.posts section.answerSection{
  975. padding: 15px 15px 0;
  976. }
  977.  
  978. article.posts section.answerSection img.answerImage{
  979. width: 30px;
  980. margin-right: 15px;
  981. }
  982.  
  983. .asker{
  984. color:{color:Link};
  985. font-weight:bold;
  986. text-decoration:none;
  987. }
  988.  
  989. .quest{
  990. {block:PermalinkPage}
  991. width: 625px;
  992. {/block:PermalinkPage}
  993. {block:IndexPage}
  994. width: 625px !important;
  995. {block:If2Columns}width: 425px !important;{/block:If2Columns}
  996. {block:If3Columns}width: 225px !important;{/block:If3Columns}
  997. {block:If4Columns}width: 175px !important;{/block:If4Columns}
  998. {block:If5Columns}width: 175px !important;{/block:If5Columns}
  999. {block:IndexPage}
  1000. }
  1001.  
  1002. .quest, .quest p{margin:0px !important;}
  1003.  
  1004. article.posts section.answerSection .caption{
  1005. padding:0;
  1006. }
  1007.  
  1008. .videoPost iframe{ {block:if3Columns}margin: 25px;
  1009. max-width: 100%;{/block:if3Columns}
  1010. }
  1011.  
  1012. /* +++++ permalink page section +++++ */
  1013.  
  1014. article.paddingPosts{
  1015. padding: 15px;
  1016. line-height: 1.5em;
  1017. position: relative;
  1018. }
  1019.  
  1020. article.permalinkPost h2{
  1021. padding: 0;
  1022. margin-bottom: 15px;
  1023. }
  1024.  
  1025. #paginationPost{
  1026. position: absolute;
  1027. top: 15px;
  1028. right: 15px;
  1029. }
  1030.  
  1031. ol.notes .avatar {width:18px;height:18px;vertical-align: middle;}
  1032.  
  1033. .action, .note {display:block;margin:-30px 0px 0px; text-transform:uppercase; text-align:center;}
  1034.  
  1035. .avatar{float:left;margin:2px 2px 2px;line-height:26px;}
  1036.  
  1037.  
  1038. .action, .note blockquote{display:none; text-align:center; text-transform:uppercase;}
  1039.  
  1040. .note blockquote{text-align:center; text-transform:uppercase;}
  1041.  
  1042.  
  1043.  
  1044. .note.more_notes_link_container{padding:10pxmargin-top:40px !important;}
  1045.  
  1046.  
  1047.  
  1048. /* +++++ footer section +++++ */
  1049.  
  1050. footer.postControls{
  1051. text-align: right;
  1052. font-family: 'lightglassregular';
  1053. font-weight:normal;
  1054. font-size: 1.1em;
  1055. padding: 15px;
  1056. }
  1057.  
  1058. footer.postControls a{
  1059. color: {color:Icons};
  1060. margin-left: 3px;
  1061. }
  1062.  
  1063. footer.postControls a:hover{
  1064. color: {color:Link};
  1065. }
  1066.  
  1067. footer#footer{
  1068. margin: 50px auto;
  1069. }
  1070.  
  1071. #loadMorePostButton.loadMorePostButton{
  1072. display: inline-block;
  1073. font-weight: bold;
  1074. padding: 8px 15px;
  1075. margin: 0 auto;
  1076. text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  1077. background: {color:Link};
  1078. box-shadow:
  1079. 0px 1px 2px rgba(0,0,0,0.5),
  1080. inset 0px 0px 2px rgba(255,255,255,0.3),
  1081. inset 0px 20px 15px rgba(255,255,255,0.15);
  1082. border: 1px solid rgba(0,0,0,0.15);
  1083. color: #fff;
  1084.  
  1085. -webkit-border-radius: 2px;
  1086. -moz-border-radius: 2px;
  1087. border-radius: 2px;
  1088. }
  1089.  
  1090. #loadMorePostButton.loadMorePostButton:active{
  1091. box-shadow: inset 0px 2px 5px rgba(0,0,0,0.3);
  1092. }
  1093.  
  1094. #backToTopButton{
  1095. position: fixed;
  1096. text-align: center;
  1097. bottom: -70px;
  1098. right: 20px;
  1099. padding: 10px 20px;
  1100. background: {color:Post Background};
  1101. cursor: pointer;
  1102. z-index: 10;
  1103. {block:IfBoxShadow}
  1104. box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px 0px 2px rgba(255,255,255,0.2);
  1105. {/block:IfBoxShadow}
  1106. }
  1107.  
  1108. ul#pagination {
  1109. padding:0;
  1110. margin:20px auto;
  1111. {block:IfInfiniteScroll}
  1112. display: none;
  1113. {/block:IfInfiniteScroll}
  1114. }
  1115.  
  1116. ul#pagination li{
  1117. display: inline-block;
  1118. margin: 0px 10px;
  1119. background-color: {color:Post Background};
  1120. margin-left:10px;
  1121. {block:IfBoxShadow}
  1122. box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px 0px 2px rgba(255,255,255,0.2);
  1123. {/block:IfBoxShadow}
  1124. }
  1125.  
  1126. ul#pagination li a{
  1127. display:block;
  1128. text-decoration:none;
  1129. color: {color:Text};
  1130. padding: 8px 12px;
  1131. }
  1132. .current_page span{
  1133. color: {color:Post Background};
  1134. display:block;
  1135. padding: 8px 12px;
  1136. }
  1137.  
  1138. .current_page{
  1139. background: {color:Link} !important;
  1140. }
  1141.  
  1142. section#footerDetails{
  1143. margin-top: 20px;
  1144. line-height: 1.5em;
  1145. }
  1146.  
  1147.  
  1148.  
  1149. #infscr-loading{
  1150. bottom: -35px;
  1151. position: absolute;
  1152. left: 50%;
  1153. margin-left:-8px;
  1154. width:16px;
  1155. height:20px;
  1156. overflow:hidden;
  1157. }
  1158.  
  1159. {CustomCSS}
  1160.  
  1161. /************************************** MOBILE **************************************/
  1162.  
  1163. /* tablet landscape */
  1164. @media only screen
  1165. and (max-device-width : 1024px)
  1166. and (orientation : landscape) {
  1167.  
  1168. html, body, section#wrap{
  1169. overflow-x: hidden !important;
  1170. }
  1171.  
  1172. footer#footer{
  1173. width: 100%;
  1174. }
  1175.  
  1176. .postControls{
  1177. font-size: 1.4em !important;
  1178. }
  1179.  
  1180. .caption{
  1181. padding-bottom: 5px;
  1182. }
  1183.  
  1184. .chat .caption{
  1185. display: inline;
  1186. padding-bottom: 0px;
  1187. }
  1188.  
  1189. .postControls, .caption{
  1190. display: block !important;
  1191. }
  1192.  
  1193. .zoomFancyTab{
  1194. display: inline;
  1195. }
  1196.  
  1197. header #showMenuMobile{
  1198. display: none;
  1199. }
  1200. }
  1201.  
  1202. /* mobile device (phone+tablet) */
  1203. @media only screen and (max-width: 768px) {
  1204.  
  1205. section#wrap, header#header, footer#footer{
  1206. width: 92% !important;
  1207. width: -webkit-calc(100% - (15px * 2)) !important;
  1208. width: -moz-calc(100% - (15px * 2)) !important;
  1209. width: calc(100% - (15px *2)) !important;
  1210. }
  1211.  
  1212. header#header h1{padding: 15px 0;}
  1213.  
  1214. article.posts, article.posts .videoPost,
  1215. article.posts img.photo, article.posts .photosetPost,
  1216. .audioimage, .quest{
  1217. width: 100% !important;
  1218. }
  1219.  
  1220. article.posts {
  1221. max-width: 100% !important;
  1222. margin: 15px 0px;
  1223. }
  1224.  
  1225. .videoPost { {block:if3columns}width:250px;
  1226. {/block:if3columns}
  1227.  
  1228. }
  1229. .videoPost iframe{padding:10px;
  1230. min-height:300px;
  1231. }
  1232.  
  1233. #4video { width:300px; left:50px;position:absolute;}
  1234.  
  1235. article.posts{
  1236. float: none;
  1237. margin-top: 30px;
  1238. }
  1239.  
  1240. footer.postControls{
  1241. font-size: 1.65em;
  1242. }
  1243.  
  1244. .caption{
  1245. display: block !important;
  1246. padding-bottom: 5px;
  1247. }
  1248.  
  1249. .chat .caption{
  1250. display: inline !important;
  1251. padding-bottom: 0;
  1252. }
  1253.  
  1254. .description_icons, .opacityColorPhotoEffect{
  1255. display: none !important;
  1256. }
  1257.  
  1258. .postControls{
  1259. display: block !important;
  1260. }
  1261.  
  1262. article.deletePaperEffect.posts:after{
  1263. width: 98%;
  1264. height: 3px;
  1265. bottom: -3px;
  1266. }
  1267.  
  1268. article.posts section.answerSection img.answerImage{
  1269. display: none;
  1270. }
  1271.  
  1272. #tumblr_controls, #installtheme{
  1273. display: none !important;
  1274. }
  1275.  
  1276. .zoomFancyTab{
  1277. display: none;
  1278. }
  1279.  
  1280. /* responsive menu */
  1281. #menu-mobile{
  1282. display:block !important;
  1283. }
  1284.  
  1285. #menu{display: none;}
  1286.  
  1287. #header nav#socialLinks ul{margin-top: 30px;}
  1288.  
  1289. #header nav#socialLinks li{
  1290. display:inline-block;
  1291. margin-top: 10px;
  1292. }
  1293.  
  1294. #header nav#socialLinks li a{font-size: 5.5em;}
  1295. }
  1296.  
  1297. .titleArticle{font-size:12px;}
  1298.  
  1299. #fade { /*--Transparent background layer--*/
  1300. display: none; /*--hidden by default--*/
  1301. background: #000;
  1302. position: fixed; left: 0; top: 0;
  1303. width: 100%; height: 100%;
  1304. opacity: .90;
  1305. z-index: 9999;
  1306. }
  1307. .popup_block{
  1308. display: none; /*--hidden by default--*/
  1309. background: #000;
  1310. padding: 15px;
  1311. float: left;
  1312. font-size: 1.2em;
  1313. position: fixed;
  1314. top: 52%; left: 52%;
  1315. z-index: 99999;
  1316. /*--CSS3 Box Shadows--*/
  1317. -webkit-box-shadow: 0px 0px 20px #000;
  1318. -moz-box-shadow: 0px 0px 20px #000;
  1319. box-shadow: 0px 0px 20px #000;
  1320. }
  1321. img.btn_close {
  1322. float: right;
  1323. margin: -25px -40px 0 0;
  1324. }
  1325. /*--Making IE6 Understand Fixed Positioning--*/
  1326. *html #fade {
  1327. position: absolute;
  1328. }
  1329. *html .popup_block {
  1330. position: absolute;
  1331. }
  1332.  
  1333.  
  1334.  
  1335. </style>
  1336.  
  1337.  
  1338.  
  1339. <script type="text/javascript"
  1340. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1341.  
  1342.  
  1343.  
  1344.  
  1345. <script>
  1346.  
  1347.  
  1348.  
  1349. $(document).ready(function() {
  1350.  
  1351. //
  1352.  
  1353.  
  1354.  
  1355. //When you click on a link with class of poplight and the href starts with a #
  1356.  
  1357. $('a.poplight[href^=#]').click(function() {
  1358.  
  1359. var popID = $(this).attr('rel'); //Get Popup Name
  1360.  
  1361. var popURL = $(this).attr('href'); //Get Popup href to define size
  1362.  
  1363.  
  1364.  
  1365. //Pull Query & Variables from href URL
  1366.  
  1367. var query= popURL.split('?');
  1368.  
  1369. var dim= query[1].split('&');
  1370.  
  1371. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1372.  
  1373.  
  1374.  
  1375. //Fade in the Popup and add close button
  1376.  
  1377. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://static.tumblr.com/dbek3sy/0HDm2tn21/closezoomx.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  1378.  
  1379.  
  1380. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  1381.  
  1382. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1383.  
  1384. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1385.  
  1386.  
  1387.  
  1388. //Apply Margin to Popup
  1389.  
  1390. $('#' + popID).css({
  1391.  
  1392. 'margin-top' : -popMargTop,
  1393.  
  1394. 'margin-left' : -popMargLeft
  1395.  
  1396. });
  1397.  
  1398.  
  1399.  
  1400. //Fade in Background
  1401.  
  1402. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1403.  
  1404. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  1405.  
  1406.  
  1407.  
  1408. return false;
  1409.  
  1410. });
  1411.  
  1412.  
  1413.  
  1414. //Close Popups and Fade Layer
  1415.  
  1416. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1417.  
  1418. $('#fade , .popup_block').fadeOut(function() {
  1419.  
  1420. $('#fade, a.close').remove(); //fade them both out
  1421.  
  1422. });
  1423.  
  1424. return false;
  1425.  
  1426. });
  1427.  
  1428.  
  1429.  
  1430.  
  1431.  
  1432. });
  1433.  
  1434. </script>
  1435.  
  1436. <script type="text/javascript">
  1437.  
  1438. //desabilita menu de opcoes ao clicar no botao direito
  1439.  
  1440. function desabilitaMenu(e)
  1441.  
  1442. {
  1443.  
  1444. if (window.Event)
  1445.  
  1446. {
  1447.  
  1448. if (e.which == 2 || e.which == 3)
  1449.  
  1450. return false;
  1451.  
  1452. }
  1453.  
  1454. else
  1455.  
  1456. {
  1457.  
  1458. event.cancelBubble = true
  1459.  
  1460. event.returnValue = false;
  1461.  
  1462. return false;
  1463.  
  1464. }
  1465.  
  1466. }
  1467.  
  1468. document.oncontextmenu = desabilitaMenu;
  1469.  
  1470. document.onmousedown = desabilitaBotaoDireito;
  1471.  
  1472. document.onmouseup = desabilitaBotaoDireito;
  1473.  
  1474. </script>
  1475. <script>
  1476. (function(d, s, id) {
  1477. var js, fjs = d.getElementsByTagName(s)[0];
  1478. if (d.getElementById(id)) return;
  1479. js = d.createElement(s); js.id = id;
  1480. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  1481. fjs.parentNode.insertBefore(js, fjs);
  1482. }(document, 'script', 'facebook-jssdk'));
  1483.  
  1484. function replaceIfFlash(version,element_id,replacement_string){
  1485. document.getElementById(element_id).innerHTML=replacement_string;
  1486. }
  1487. function renderVideo(element_id,src,width,height,flashvars){
  1488. var agent=navigator.userAgent.toLowerCase();var is_iphone=(agent.indexOf("iphone")!=-1);if(is_iphone){document.getElementById(element_id).innerHTML='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="'+width+'" height="'+height+'" codebase="https://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="'+src+'"><param name="qtsrc" value="'+src+'"><param name="autoplay" value="false"><embed src="'+src+'" qtsrc="'+src+'" width="'+width+'" height="'+height+'" pluginspage="https://www.apple.com/quicktime/"></embed></object>'}else{replaceIfFlash(10,element_id,'<embed type="application/x-shockwave-flash" src="https://assets.tumblr.com/swf/video_player.swf?22" bgcolor="#000000" quality="high" class="video_player" allowfullscreen="true" height="'+height+'" width="'+width+'" flashvars="file='+encodeURIComponent(src)+(flashvars?"&"+flashvars:"")+'"></embed>')}
  1489. }
  1490.  
  1491. </script>
  1492.  
  1493.  
  1494. </head>
  1495.  
  1496.  
  1497.  
  1498. <body>
  1499.  
  1500.  
  1501.  
  1502. <nav id="menu-mobile">
  1503. <div id="menuShow">Menu</div>
  1504. <ul>
  1505. <li><a href="/">Home</a></li>
  1506. {block:AskEnabled}
  1507. <li><a href="/ask" {target}>{AskLabel}</a></li>
  1508. {/block:AskEnabled}
  1509.  
  1510.  
  1511. <li><a href="/tagged/gif by me" {target}>Gifs By me</a></li>
  1512. <li><a href="/tagged/upload" {target}>upload's</a></li>
  1513.  
  1514. <li><a href="https://www.s-m0keyups.tk/" {target}>Upload Blog</a></li>
  1515.  
  1516.  
  1517. {block:SubmissionsEnabled}
  1518. <li><a href="/submit" {Target}>Submit</a></li>
  1519. {/block:SubmissionsEnabled}
  1520. {block:IfShowArchiveLink}
  1521. <li><a href="/archive" {target}>Archive</a></li>
  1522. {/block:IfShowArchiveLink}
  1523. {block:IfShowRssLink}
  1524. <li><a href="/rss" {target}>RSS</a></li>
  1525. {/block:IfShowRssLink}
  1526. {block:IfShowRandomLink}
  1527. <li><a href="/random" {target}>Random</a></li>
  1528. {/block:IfShowRandomLink}
  1529. {block:HasPages}
  1530. {block:Pages}
  1531. <li><a href="{URL}" {Target}>{Label}</a></li>
  1532. {/block:Pages}
  1533. {/block:HasPages}
  1534. </ul>
  1535. <div class="clear"></div>
  1536. </nav>
  1537.  
  1538. <header id="header">
  1539.  
  1540. {block:IfHeaderImageImage}
  1541. <img class="nameBlog" id="bannerLogo" src="{image:Header Image}">
  1542. <img class="nameBlog" id="bannerLogo2" src="{image:Header Image2}">
  1543. {/block:IfHeaderImageImage}
  1544.  
  1545.  
  1546. {block:IfHideDescription}
  1547.  
  1548. <h1><a href="/">{Title}</a></h1>
  1549. <a class="nameBlog" id="nameBlogh">✯ ♒ ✯ <br> </a>{/block:IfHideDescription}
  1550.  
  1551. {block:IfNotHideDescription}<h1><a href="/">{Title}</a></h1>{/block:IfNotHideDescription}
  1552.  
  1553.  
  1554. <div id="head_description">
  1555. {Description}
  1556. <nav id="socialLinks">
  1557. <ul>
  1558. {block:IfURLTwitter}
  1559. <li id="twitterIcon"><a href="{text:URL Twitter}" {Target}>l</a></li>
  1560. {/block:IfURLTwitter}
  1561. {block:IfURLFacebook}
  1562. <li id="facebookIcon"><a href="{text:URL Facebook}" {Target}>f</a></li>
  1563. {/block:IfURLFacebook}
  1564. {block:IfURLGooglePlus}
  1565. <li id="googleIcon"><a href="{text:URL Google Plus}" {Target}>g</a></li>
  1566. {/block:IfURLGooglePlus}
  1567. {block:IfURLLinkedIn}
  1568. <li id="linkedinIcon"><a href="{text:URL LinkedIn}" {Target}>i</a></li>
  1569. {/block:IfURLLinkedIn}
  1570. {block:IfURLDribbble}
  1571. <li id="dribbbleIcon"><a href="{text:URL Dribbble}" {Target}>d</a></li>
  1572. {/block:IfURLDribbble}
  1573. {block:IfURLFlickr}
  1574. <li id="flickrIcon"><a href="{text:URL Flickr}" {Target}>n</a></li>
  1575. {/block:IfURLFlickr}
  1576. {block:IfURLDeviantArt}
  1577. <li id="deviantIcon"><a href="{text:URL Deviant Art}" {Target}>j</a></li>
  1578. {/block:IfURLDeviantArt}
  1579. {block:IfURLYouTube}
  1580. <li id="youtubeIcon"><a href="{text:URL YouTube}" {Target}>x</a></li>
  1581. {/block:IfURLYouTube}
  1582. </ul>
  1583. </nav>
  1584. </div>
  1585.  
  1586. {block:DayPage}<h4>{Month} {DayOfMonth}, {Year}</h4>{/block:DayPage}
  1587.  
  1588. <nav id="menu">
  1589. <ul>
  1590. <li><a href="/">Home</a></li>
  1591. {block:AskEnabled}
  1592.  
  1593. <li> <a href="#?w=500" rel="askbox" class="poplight">{AskLabel}</a> </li>
  1594.  
  1595. {/block:AskEnabled}
  1596.  
  1597.  
  1598. <li><a href="/tagged/gif by me" {target}>Gifs By me</a></li> <li><a href="/tagged/upload" {target}>upload's</a></li>
  1599. <li><a href="https://www.s-m0keyups.tk/" {target}>Upload Blog</a></li>
  1600. {block:SubmissionsEnabled}
  1601. <li><a href="/submit" {Target}>Submit</a></li>
  1602. {/block:SubmissionsEnabled}
  1603. {block:IfShowArchiveLink}
  1604. <li><a href="/archive" {target}>Archive</a></li>
  1605. {/block:IfShowArchiveLink}
  1606. {block:IfShowRssLink}
  1607. <li><a href="/rss" {target}>RSS</a></li>
  1608. {/block:IfShowRssLink}
  1609. {block:IfShowRandomLink}
  1610. <li><a href="/random" {target}>Random</a></li>
  1611. {/block:IfShowRandomLink}
  1612. {block:HasPages}
  1613. {block:Pages}
  1614. <li><a href="{URL}" {Target}>{Label}</a></li>
  1615. {/block:Pages}
  1616. {/block:HasPages}
  1617. </ul>
  1618. </nav>
  1619.  
  1620. {block:IFShowMenuFixedTop}
  1621. <nav id="menu-2" class="menuTop"></nav>
  1622. {/block:IFShowMenuFixedTop}
  1623.  
  1624. </header>
  1625.  
  1626. <section id="wrap">
  1627. {block:Posts}
  1628. <article class="posts{block:IndexPage}{block:Photo}{block:IfNotShowCaptions} deletePaperEffect{/block:IfNotShowCaptions}{/block:Photo}{/block:IndexPage}">
  1629.  
  1630. {block:Text}
  1631. {block:Title}
  1632. <header>
  1633. <h1 class="titleArticle">{Title}</h1>
  1634. </header>
  1635. {/block:Title}
  1636. <section class="caption">{Body}</section>
  1637. {/block:Text}
  1638.  
  1639. {block:Link}
  1640. <header>
  1641. <h1 class="titleArticle">» <a href="{URL}" {Target}>{Name}</a></h1>
  1642. </header>
  1643. {block:Description}
  1644. <section class="caption">{Description}</section>
  1645. {/block:Description}
  1646. {block:Link}
  1647.  
  1648. {block:Photo}
  1649. <header>
  1650. {LinkOpenTag}
  1651. {block:IndexPage}
  1652. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1653. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1654. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1655.  
  1656. {block:If2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1657. <img class="photo done" src="{PhotoURL-500}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1658. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:If2Columns}
  1659.  
  1660. {block:If3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1661. <img class="photo done" src="{PhotoURL-400}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1662. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:If3Columns}
  1663.  
  1664. {block:If4Columns}{block:IfNot5Columns}
  1665. <img class="photo done" src="{PhotoURL-250}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1666. {/block:IfNot5Columns}{/block:If4Columns}
  1667.  
  1668. {block:If5Columns}
  1669. <img class="photo done" src="{PhotoURL-250}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1670. {/block:If5Columns}
  1671. {/block:IndexPage}
  1672. {block:PermalinkPage}
  1673. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="{block:Caption}margin-bottom: -3px;{/block:Caption}"/>
  1674. {/block:PermalinkPage}
  1675. {LinkCloseTag}
  1676. </header>
  1677. {block:IndexPage}
  1678. {block:IfNotShowCaptions}
  1679.  
  1680. <a id="note_count_{PostID}"class="permalink_temp" {target} href="{Permalink}">{NoteCount}</a>
  1681.  
  1682. <a class="permalink_data" {target} href="{permalink}">{DayOfMonth} / {MonthNumberWithZero} / {ShortYear}</a>
  1683.  
  1684. <a href="{Permalink}" class="description_icons permalink_icon" {Target}>b</a>
  1685. <a href="{ReblogURL}" target="_blank" class="description_icons reblog_icon" {Target}>a</a>
  1686. <a tabindex="1" href="{PhotoURL-HighRes}" class="description_icons zoom_icon zoomFancy">d</a>
  1687. <a class="description_icons heart_icon" href="javascript:void(0);" id="{PostID}" rel="{ReblogURL}">c</a>
  1688. <div class="opacityColorPhotoEffect"></div>
  1689. {/block:IfNotShowCaptions}
  1690. {/block:IndexPage}
  1691.  
  1692.  
  1693. {block:Caption}
  1694. <section class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</section>
  1695. {/block:Caption}
  1696.  
  1697. {/block:Photo}
  1698.  
  1699. {block:Photoset}
  1700. <header class="photosetPost">
  1701. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1702. {block:Photos}
  1703. <div class="photo-data">
  1704. <div class="pxu-photo">
  1705. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1706. <img alt="{PhotoAlt}" src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  1707. </a>
  1708. </div>
  1709.  
  1710. </div>
  1711.  
  1712. {/block:Photos}<div class="opacityColorPhotoEffect1"></div>
  1713. </div>
  1714. </header>
  1715. {block:Caption}
  1716. <section class="caption">{Caption}</section>
  1717. {/block:Caption}
  1718.  
  1719. {/block:Photoset}
  1720.  
  1721. {block:Answer}
  1722. <section class="answerSection">
  1723. <img class="answerImage left" src="{AskerPortraitURL-30}"/>
  1724. <div class="left quest caption">
  1725. <b>{Asker}</b>:<br>
  1726. {Question}
  1727. </div>
  1728. <div class="clear"></div>
  1729. </section>
  1730. <section class="answerSection">
  1731. <img class="answerImage left" src="{PortraitURL-30}"/>
  1732. <div class="left quest caption">
  1733. <b>Me</b>:<br>
  1734. {Answer}
  1735. </div>
  1736. <div class="clear"></div>
  1737. </section>
  1738. {/block:Answer}
  1739.  
  1740. {block:Chat}
  1741. {block:Title}
  1742. <header>
  1743. <h1 class="titleArticle">{Title}</h1>
  1744. </header>
  1745. {/block:Title}
  1746. <ul class="chat">
  1747. {block:Lines}
  1748. <li class="{Alt} user_{UserNumber}">
  1749. {block:Label}
  1750. <span class="label">{Label}</span>
  1751. {/block:Label}
  1752. <span class="caption">{Line}</span>
  1753. </li>
  1754. {/block:Lines}
  1755. </ul>
  1756. {/block:Chat}
  1757.  
  1758. {block:Quote}
  1759. <header>
  1760. <h1 class="titleArticle">“{Quote}”</h1>
  1761. </header>
  1762. {block:Source}
  1763. <div class="caption">- {Source}</div>
  1764. {/block:Source}
  1765. {/block:Quote}
  1766.  
  1767. {block:Audio}
  1768. <style>.audio_player iframe{width: 100%;height: 90px;}</style>
  1769. <header>
  1770. {AudioPlayerWhite}
  1771. </header>
  1772. {block:Caption}
  1773. <div class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</div>
  1774. {/block:Caption}
  1775. {/block:Audio}
  1776.  
  1777. {block:Video}
  1778. <header class="videoPost done" id="{PostID}">
  1779. {block:IndexPage}
  1780. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1781. {Video-700}
  1782. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1783.  
  1784. {block:If2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1785. {Video-500}
  1786. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:If2Columns}
  1787.  
  1788. {block:If3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1789. {Video-250}
  1790. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:If3Columns}
  1791.  
  1792. {block:If4Columns}{block:IfNot5Columns}
  1793.  
  1794. {Video-250}
  1795. {/block:IfNot5Columns}{/block:If4Columns}
  1796. {block:If5Columns}
  1797. {Video-250}
  1798. {/block:If5Columns}
  1799. {/block:IndexPage}
  1800. {block:PermalinkPage}
  1801. {Video-700}
  1802. {/block:PermalinkPage}
  1803.  
  1804. {block:Caption}
  1805. <section class="caption"><div style="margin-left:-15px;width:250px;"}{Caption}</section></div>
  1806. {/block:Caption}
  1807. </header>
  1808. {block:Caption}
  1809. <div class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</div>
  1810. {/block:Caption}
  1811. {/block:Video}
  1812.  
  1813. {block:IndexPage}
  1814. <footer class="postControls" {block:Photo}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:Photo}>
  1815. {block:Date}
  1816. <a href="{Permalink}" class="iconsFont" {Target}>b</a>
  1817. <a class="heart_icon iconsFont" href="javascript:void(0);" id="{PostID}" rel="{ReblogURL}">c</a>
  1818. <a href="{ReblogURL}" class="iconsFont" target="_blank" {block:Answer}style="display: none;"{/block:Answer}>a</a>
  1819. {block:Photo}<a tabindex="2" href="{PhotoURL-HighRes}" class="zoom_icon iconsFont zoomFancyTab">d</a>{/block:Photo}
  1820. {/block:Date}
  1821. </footer>
  1822. {/block:IndexPage}
  1823.  
  1824. <div class="clear"></div>
  1825. </article>
  1826.  
  1827. {block:PermalinkPage}
  1828. {block:Date}
  1829. <article class="posts paddingPosts">
  1830. {block:PermalinkPagination}
  1831. <div id="paginationPost">
  1832. {block:NextPost}<a id="paginationPost_prev" href="{NextPost}">« Prev post </a>{/block:NextPost}
  1833.  
  1834. {block:PreviousPost}<a id="paginationPost_next" href="{PreviousPost}"> Next post »</a>{/block:PreviousPost}
  1835. </div>
  1836. {/block:PermalinkPagination}
  1837. {block:IfShowSocialShareButtons}
  1838. <div id="socialButtons" style="margin-bottom: 15px;">
  1839. <div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  1840. <span style="margin-left: 5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="{block:IfNotTwitterUsername}rickerlr{/block:IfNotTwitterUsername}{block:IfTwitterUsername}{text:Twitter Username}{/block:IfTwitterUsername}" data-related="rickerlr" data-hashtags="tumblr">Tweet</a>
  1841. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
  1842. <span style="margin-left: 5px;"><iframe id="facebookiframe" src="https://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=50&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:50px; height:20px;"></iframe></span>
  1843. </div>
  1844. {/block:IfShowSocialShareButtons}
  1845.  
  1846. {block:RebloggedFrom}
  1847. <span style="padding-left:10px; vertical-align: center; font-size:28px; color:{color:Blog Title Text}; font-family:EntypoRegular;"></span>
  1848. <span style="vertical-align: center;">Posted By</span>
  1849. <a href="{ReblogRootURL}" style="vertical-align: center;">{ReblogRootName}</a></span><br>
  1850. {/block:RebloggedFrom}
  1851.  
  1852. {block:Date}
  1853. <span style="padding-left:10px;vertical-align: center; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';"></span> <span style="vertical-align: center;">{DayOfWeek}, {DayofMonth} {Month} {Year} </span><br>
  1854. {/block:Date}
  1855.  
  1856. {block:RebloggedFrom}
  1857. <span style="padding-left:10px; vertical-align: center; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';"></span>
  1858. <span style="vertical-align: center;">Reblogged from</span>
  1859. <a href="{ReblogParentURL}" style="vertical-align: center;">{ReblogParentName}</a></span><br>
  1860. {/block:RebloggedFrom}
  1861.  
  1862. {block:PostNotes}
  1863. <span style="padding-left:10px; vertical-align:center; font-size:28px; color:{color:Blog Title Text}; font-family:'EntypoRegular';"></span>
  1864. <span style="vertical-align: center;">{NoteCountWithLabel}</span><br>
  1865. {/block:PostNotes}
  1866.  
  1867.  
  1868. </article>
  1869.  
  1870. <article class="posts paddingPosts">
  1871. <div style="padding:10px; margin-left:-50px;">
  1872. {PostNotes}
  1873. </div>
  1874. </article>
  1875. {/block:PostNotes}
  1876. {/block:Date}
  1877. {/block:PermalinkPage}
  1878. {/block:Posts}
  1879. <div class="clear"></div>
  1880. </section> <!-- #wrap -->
  1881.  
  1882. <div id="backToTopButton">
  1883. <a href="javascript:void(0);">{text:Back Top}</a>
  1884. </div>
  1885.  
  1886. <footer id="footer">
  1887. {block:Pagination}
  1888. <ul id="pagination">
  1889. {block:PreviousPage}
  1890. <li><a href="{PreviousPage}">«</a></li>
  1891. {/block:PreviousPage}
  1892. {block:JumpPagination length="5"}
  1893. {block:CurrentPage}
  1894. <li class="current_page"><span>{PageNumber}</span></li>
  1895. {/block:CurrentPage}
  1896. {block:JumpPage}
  1897. <li><a class="jump_page" href="{URL}">{PageNumber}</a></li>
  1898. {/block:JumpPage}
  1899. {/block:JumpPagination}
  1900. {block:NextPage}
  1901. <li><a id="nextPage" href="{NextPage}">»</a></li>
  1902. {/block:NextPage}
  1903. </ul>
  1904. {/block:Pagination}
  1905.  
  1906. {block:IndexPage}
  1907.  
  1908. {/block:IndexPage}
  1909.  
  1910. <section id="footerDetails">
  1911.  
  1912. {block:IfFooterText}
  1913. {text:Footer Text}
  1914. <br>
  1915. {/block:IfFooterText}
  1916. theme <a href="https://themecloud.co/themes/lightglass-2/" target="_blank">LIGHTGLASS</a> by <a rel="author" href="https://rickerlr.tumblr.com/" target="_blank">rickerlr</a>
  1917. <br>
  1918. <a href="https://rickerlrthemes.tumblr.com/" target="_blank">rickerlrthemes</a>
  1919.  
  1920. </section>
  1921. </footer>
  1922.  
  1923. <!-- JS functions -->
  1924. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/8Aqmgryi7/jquery_18.js"></script>
  1925. <script src="https://static.tumblr.com/mcreuad/GJWmkxweb/modernizr-2.5.3.min.js"></script>
  1926.  
  1927.  
  1928. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  1929. <script src="https://static.tumblr.com/dbek3sy/Riumjr4mk/jquery.migrate.min.js"></script>
  1930.  
  1931.  
  1932. <script src="https://static.tumblr.com/dbek3sy/9kLmizi80/jquery.fancybox-1.3.4.pack.js"></script>
  1933. <script src="https://static.tumblr.com/dbek3sy/Rg0mjrie8/imagesloaded.min.js"></script>
  1934. <script src="https://static.tumblr.com/dbek3sy/OTMmjrig1/pxuphotoset.min.js"></script>
  1935.  
  1936. <script type="text/javascript">
  1937. var $content = $('#wrap');
  1938. var if1Col = false;
  1939.  
  1940. if (Modernizr.touch){
  1941. $('#backToTopButton').remove();
  1942.  
  1943. $(window).resize(function(){
  1944. removePhotoEffectTablet();
  1945. $content.masonry();
  1946. });
  1947.  
  1948. }
  1949.  
  1950. $(function(){
  1951.  
  1952. $("#menuShow").live("click", function(){
  1953. $("#menu-mobile ul").toggle();
  1954. });
  1955.  
  1956. if (Modernizr.touch) {
  1957. addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
  1958.  
  1959. function hideURLbar(){
  1960. window.scrollTo(0,1);
  1961. }
  1962. }
  1963.  
  1964. {block:IfHideDescription}
  1965. $(".nameBlog").click(function(){
  1966. $("#head_description").fadeToggle(500);
  1967. });
  1968. {/block:IfHideDescription}
  1969.  
  1970. $(".videoPost.done").removeClass("done");
  1971. $('.photo-slideshow').pxuPhotoset({
  1972. "lightbox" : true,
  1973. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1974. 'highRes' : true,
  1975. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1976. "rounded" : false
  1977. });
  1978.  
  1979. /* ZOOM EFFECT - FANCYBOX */
  1980. $content.on("focusin", function(){
  1981. $("a.zoomFancy, a.zoomFancyTab").fancybox({
  1982. 'transitionIn' : 'elastic',
  1983. 'transitionOut' : 'elastic',
  1984. 'speedIn' : 350,
  1985. 'speedOut' : 200,
  1986. 'hideOnContentClick': true,
  1987. 'overlayShow' : true,
  1988. 'padding' : '0',
  1989. });
  1990. });
  1991.  
  1992. /* if internet explorer 6-7 */
  1993. jQuery.each(jQuery.browser, function(i, val) {
  1994. if((val=="7.0")||(val=="6.0")||(val=="8.0")){
  1995. alert("You are using Internet Explorer " + val + ", please upgrade your browser.");
  1996.  
  1997. $(window).resize(function() {
  1998. $("#header").css("width", "100%").css("width", "-=40px");
  1999. });
  2000. }
  2001. });
  2002.  
  2003. /* return top */
  2004. if (!Modernizr.touch){
  2005. $("#backToTopButton").click(function(){
  2006. var target = $("html");
  2007. $('html, body').animate({
  2008. scrollTop: target.offset().top
  2009. }, 1000);
  2010. });
  2011.  
  2012. var menu2 = $("#menu-2");
  2013. menu2.html($("#menu").clone());
  2014. var topDiv = $("#backToTopButton");
  2015. var topDivTop = "1000";
  2016. var view = $( window );
  2017. view.bind("scroll resize", function(){
  2018. var viewTop = view.scrollTop();
  2019.  
  2020. if (viewTop > topDivTop){
  2021. topDiv.animate({"bottom": "0px"}, {queue: false, duration: 200});
  2022. {block:IFShowMenuFixedTop}
  2023. menu2.show().animate({top: "0px",opacity:0.95},{queue: false, duration: 200}).fade;
  2024. {/block:IFShowMenuFixedTop}
  2025. }
  2026. else if (viewTop < topDivTop){
  2027. topDiv.animate({"bottom": "-70px"}, {queue: false, duration: 200});
  2028. {block:IFShowMenuFixedTop}
  2029. menu2.animate({top: "-50px",opacity:0},{queue: false, duration: 150});
  2030. {/block:IFShowMenuFixedTop}
  2031. }
  2032.  
  2033. });
  2034. }
  2035.  
  2036.  
  2037. /* heart like */
  2038. $(".heart_icon").live("click", function() {
  2039. var $this = $(this);
  2040. var id_post = $this.attr('id');
  2041. var count = parseInt($("#note_count_"+id_post).text());
  2042. var reblog_key = $this.attr('rel').slice(-8);
  2043. var like_url = 'https://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  2044. $('#likeIframe').attr('src', like_url);
  2045. $this.css("color","#ff0000");
  2046. $("#note_count_"+id_post).text(count+1);
  2047. });
  2048. });
  2049.  
  2050. </script>
  2051.  
  2052.  
  2053.  
  2054. {block:IndexPage}
  2055. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  2056. {block:IfInfiniteScroll}
  2057. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  2058. {/block:IfInfiniteScroll}
  2059.  
  2060. <script type="text/javascript">
  2061.  
  2062. $(window).load(function() {
  2063.  
  2064. if (Modernizr.touch) {
  2065. $(".photo.done").each(function(){
  2066. $(this).attr("src", $(this).attr("data-highRes")).removeClass("done");
  2067. });
  2068. }
  2069.  
  2070. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  2071. if1Col = true;
  2072. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  2073.  
  2074. if (!Modernizr.touch){
  2075. $content.masonry({
  2076. itemSelector: '.posts',
  2077. isAnimated: true,
  2078. {block:IfContentFullScreen}
  2079. isFitWidth: true
  2080. {/block:IfContentFullScreen}
  2081. });
  2082. }else{
  2083. $content.masonry({
  2084. itemSelector: '.posts',
  2085. isAnimated: true,
  2086. isFitWidth:true
  2087. });
  2088. }
  2089.  
  2090. {block:IfInfiniteScroll}
  2091. $content.infinitescroll({
  2092. navSelector : '#pagination',
  2093. nextSelector : '#pagination a#nextPage',
  2094. itemSelector : '.posts',
  2095. loading: {
  2096. finishedMsg: function(){
  2097. $('#loadMorePostButton')
  2098. .removeClass("loadMorePostButton")
  2099. .text("No more post.")
  2100. .css("color", "{color:Link}");
  2101. $('#infscr-loading').css("width", "0px");
  2102. },
  2103. img: 'https://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  2104. },
  2105. bufferPx : 400,
  2106. debug : false
  2107. },
  2108. function(newElements){
  2109. var $newElems = $(newElements);
  2110. $newElems.css({opacity: 0});
  2111. if($newElems.find(".videoPost.done iframe.tumblr_video_iframe")){fixVideoPost($(".videoPost.done"));}
  2112.  
  2113. $newElems.find('.photo-slideshow').pxuPhotoset({
  2114. "lightbox" : true,
  2115. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  2116. 'highRes' : true,
  2117. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  2118. "rounded" : false
  2119. });
  2120. if (Modernizr.touch) {
  2121. $newElems.find(".photo.done").each(function(){
  2122. $(this).attr("src", $(this).attr("data-highRes")).removeClass("done");
  2123. });
  2124. if($newElems.find(".opacityColorPhotoEffect")){removePhotoEffectTablet();}
  2125. }
  2126.  
  2127. $newElems.imagesLoaded(function(){
  2128. if (!if1Col){
  2129. $newElems.animate({opacity:1}, 200);
  2130. $content.masonry(
  2131. 'appended',
  2132. $newElems,
  2133. true
  2134. );
  2135. }
  2136. else{
  2137. $content.append($newElems);
  2138. $newElems.animate({opacity:1}, 200);
  2139. }
  2140. });
  2141. });
  2142.  
  2143. $('#loadMorePostButton').live("click", function(e){
  2144. e.preventDefault();
  2145. $content.infinitescroll('retrieve');
  2146. });
  2147. {/block:IfInfiniteScroll}
  2148.  
  2149. });
  2150.  
  2151. {block:IfInfiniteScroll}
  2152. /* repair video players*/
  2153. function fixVideoPost(id){
  2154. var videoID = id.attr("id");
  2155. var $videoPost = id;
  2156. if($videoPost.find("span#video_player_"+videoID).length){
  2157. $videoPost.parent().removeClass("done").find(".zoom_icon").remove();
  2158. $.ajax({
  2159. url: '/api/read/json?id=' + videoID,
  2160. dataType: 'jsonp',
  2161. timeout: 50000,
  2162. success: function(data){
  2163. $videoPost.html(data.posts[0]["video-player-500"]);
  2164. $content.masonry();
  2165. }
  2166. });
  2167. }
  2168. $videoPost.removeClass("done");
  2169. }
  2170. {/block:IfInfiniteScroll}
  2171.  
  2172.  
  2173. if (Modernizr.touch) {
  2174. function removePhotoEffectTablet(){
  2175. $(".description_icons").remove();
  2176. $(".opacityColorPhotoEffect").remove();
  2177. }
  2178. }
  2179.  
  2180. </script>
  2181. {/block:IndexPage}
  2182.  
  2183. <script type="text/javascript">
  2184. (function() {
  2185. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  2186. po.src = 'https://apis.google.com/js/plusone.js';
  2187. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  2188. })();
  2189. </script>
  2190.  
  2191. <!-- google analytics code -->
  2192. {block:IfGoogleAnalyticsID}
  2193. <script type="text/javascript">
  2194.  
  2195. var _gaq = _gaq || [];
  2196. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  2197. _gaq.push(['_trackPageview']);
  2198.  
  2199. (function() {
  2200. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  2201. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
  2202. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  2203. })();
  2204.  
  2205. </script>
  2206. {/block:IfGoogleAnalyticsID}
  2207.  
  2208. <iframe id="likeIframe" src="" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  2209. <div id="guid" style="display:none;">45e1d44587-djke882-530536shyya0-dopwnn1</div>
  2210.  
  2211. <div id="askbox" class="popup_block">
  2212. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{name}.tumblr.com/ask" width="100%"></iframe>
  2213.  
  2214. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  2215. </div>
  2216. </body>
  2217. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!