API tools faq
paste
Advertisement
feiinho

LIGHTGLASS Version: 2.1 (2013)

feiinho
Aug 5th, 2014
370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 75.83 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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  30.  
  31. <meta name="color:Background" content="#f0f0f0"/>
  32. <meta name="color:Text Header Description" content="#666666"/>
  33. <meta name="color:Icons Photo" content="#ffffff"/>
  34. <meta name="color:Icons Photo Background" content="#000000"/>
  35. <meta name="color:Link" content="#000000"/>
  36. <meta name="color:Link Hover" content="#555555"/>
  37. <meta name="color:Link Menu" content="#555555"/>
  38. <meta name="color:Icons" content="#bbbbbb"/>
  39. <meta name="color:Opacity Color Photo Effect" content="#000000"/>
  40. <meta name="color:Post Background" content="#ffffff"/>
  41. <meta name="color:Social Icons Header" content="#444444"/>
  42. <meta name="color:Text" content="#666666"/>
  43. <meta name="color:Title" content="#333333"/>
  44. <meta name="color:Title Header" content="#333333"/>
  45.  
  46. <meta name="image:Background image" content="" />
  47. <meta name="image:Header Image" content="" />
  48.  
  49. <meta name="font:Body" content="Helvetica Neue, 'Open sans', Arial, sans-serif"/>
  50.  
  51. <!-- columns number -->
  52. <meta name="if:2 Columns" content="0"/>
  53. <meta name="if:3 Columns" content="1"/>
  54. <meta name="if:4 Columns" content="0"/>
  55. <meta name="if:5 Columns" content="0"/>
  56.  
  57. <meta name="if:Border Rounded" content="0"/>
  58. <meta name="if:Box Shadow" content="1"/>
  59. <meta name="if:Content Full Screen" content="0"/>
  60.  
  61. <!-- fonts -->
  62. <meta name="if:Font Francois One" content="0"/>
  63. <meta name="if:Font Gochi Hand" content="0"/>
  64. <meta name="if:Font Indie Flower" content="0"/>
  65. <meta name="if:Font Leckerli One" content="0"/>
  66. <meta name="if:Font Lilita One" content="0"/>
  67. <meta name="if:Font Lobster" content="0"/>
  68. <meta name="if:Font Mrs Sheppards" content="0"/>
  69. <meta name="if:Font Oleo Script" content="0"/>
  70. <meta name="if:Font Open Sans Condensed" content="0"/>
  71. <meta name="if:Font Oswald" content="0"/>
  72.  
  73. <meta name="if:Hide Description" content="0"/>
  74. <meta name="if:Infinite Scroll" content="1"/>
  75. <meta name="if:Paper Effect" content="1"/>
  76. <meta name="if:Show Archive Link" content="1"/>
  77. <meta name="if:Show Captions" content="0"/>
  78. <meta name="if:Show Menu Fixed Top" content="1"/>
  79. <meta name="if:Show Random Link" content="0"/>
  80. <meta name="if:Show Rss Link" content="0"/>
  81. <meta name="if:Show Social Share Buttons" content="1"/>
  82. <meta name="if:Tumblr Follow Button Fixed" content="0"/>
  83.  
  84. <meta name="text:Back Top" content="Back to top" />
  85. <meta name="text:Disqus Shortname" content="" />
  86. <meta name="text:Footer Text" content="" />
  87. <meta name="text:Google Analytics ID" content="" />
  88. <meta name="text:Twitter Username" content="" />
  89.  
  90. <meta name="text:URL Deviant Art" content=""/>
  91. <meta name="text:URL Dribbble" content=""/>
  92. <meta name="text:URL Facebook" content=""/>
  93. <meta name="text:URL Flickr" content=""/>
  94. <meta name="text:URL Google Plus" content=""/>
  95. <meta name="text:URL LinkedIn" content=""/>
  96. <meta name="text:URL Twitter" content=""/>
  97. <meta name="text:URL YouTube" content=""/>
  98.  
  99. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  100.  
  101. <title>{Title}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:DayPage} | {Month} {DayOfMonth}, {Year}{/block:DayPage}</title>
  102. {block:Description}
  103. <meta name="description" content="{MetaDescription}" />
  104. {/block:Description}
  105. <link rel="shortcut icon" href="{Favicon}" />
  106. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  107. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  108.  
  109. <!--[if lt IE 9]>
  110. <script src="http://static.tumblr.com/dbek3sy/A8Hmj11p2/html5shiv.js"></script>
  111. <![endif]-->
  112.  
  113. <!-- css normalize -->
  114. <link rel="stylesheet" src="http://static.tumblr.com/dbek3sy/B5Fmjhygj/normalize.css" />
  115.  
  116. <!-- fonts -->
  117. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  118. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  119. <link href='http://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'>
  120. <link href='http://static.tumblr.com/dbek3sy/VtLmbsu90/socialico.css' rel='stylesheet' type='text/css'>
  121. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/dbek3sy/oT8mjv1mr/lightglass-font.css">
  122.  
  123. <!-- fancybox style -->
  124. <link rel='stylesheet' type='text/css' href="http://static.tumblr.com/dbek3sy/RJPmizo61/jquery.fancybox-1.3.4.css">
  125.  
  126. <!-- photoset css -->
  127. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/dbek3sy/KXpmjrjgj/style.css">
  128.  
  129. <!-- Lightglass css core -->
  130. <style type="text/css">
  131.  
  132. *{
  133. -moz-box-sizing: border-box;
  134. -webkit-box-sizing: border-box;
  135. box-sizing: border-box;
  136. }
  137.  
  138. #fancybox-wrap{
  139. box-sizing: content-box !important;
  140. }
  141.  
  142. #installtheme{
  143. position: absolute;
  144. {block:IfTumblrFollowButtonFixed}
  145. position:fixed !important;
  146. {/block:IfTumblrFollowButtonFixed}
  147. right:3px;
  148. top:3px;
  149. z-index: 9999;
  150. }
  151.  
  152. #tumblr_controls{
  153. right: 99px !important;
  154. position: absolute !important;
  155. {block:IfTumblrFollowButtonFixed}
  156. position: fixed !important;
  157. {/block:IfTumblrFollowButtonFixed}
  158. }
  159.  
  160. a, img{border: 0;}
  161.  
  162. .right{float: right;}
  163. .left{float: left;}
  164. .clear{clear: both;}
  165.  
  166. ul li, ol li{list-style-type: none;}
  167.  
  168. h1,h2,h3,h4,h5,h6{
  169. color: {color:Title};
  170. line-height: 1.1em;
  171. font-weight: bold;
  172. padding: 15px 15px 0px;
  173. margin: 0px;
  174. text-align: left;
  175. }
  176.  
  177. h1 a{color: {color:Title};}
  178.  
  179. h1{font-size: 1.7em;}
  180. h2{font-size: 1.5em;}
  181. h3{font-size: 1.3em;}
  182. h4{font-size: 1.2em;}
  183. h5{font-size: 1.1em;}
  184. h6{font-size: 1em;}
  185.  
  186. a, #loadMorePostButton.loadMorePostButton{
  187. -webkit-transition: all 0.2s ease;
  188. -moz-transition: all 0.2s ease;
  189. -o-transition: all 0.2s ease;
  190. transition: all 0.2s ease;
  191. }
  192.  
  193. a{
  194. color:{color:Link};
  195. text-decoration:none;
  196. }
  197.  
  198. a:hover{
  199. color:{color:Link Hover};
  200. }
  201.  
  202. {block:IfBorderRounded}
  203. article.posts, .caption img, .opacityColorPhotoEffect,
  204. article.posts section.answerSection img.answerImage,
  205. article.posts .chat li.odd, article.posts header{
  206. border-radius: 4px;
  207. -moz-border-radius: 4px;
  208. -webkit-border-radius: 4px;
  209. }
  210.  
  211. article.posts header{
  212. overflow: hidden;
  213. }
  214.  
  215. article.posts img.photo{
  216. {block:IfShowCaptions}
  217. -webkit-border-top-left-radius: 4px;
  218. -webkit-border-top-right-radius: 4px;
  219. -moz-border-radius-topleft: 4px;
  220. -moz-border-radius-topright: 4px;
  221. border-top-left-radius: 4px;
  222. border-top-right-radius: 4px;
  223. {/block:IfShowCaptions}
  224.  
  225. {block:IfNotShowCaptions}
  226. border-radius: 4px;
  227. -moz-border-radius: 4px;
  228. -webkit-border-radius: 4px;
  229. {/block:IfNotShowCaptions}
  230. }
  231. {/block:IfBorderRounded}
  232.  
  233. #head_description, header nav ul li,
  234. #menuShow, .caption, article.posts .chat .label,
  235. article.paddingPosts, #loadMorePostButton.loadMorePostButton,
  236. #backToTopButton, ul#pagination, section#footerDetails{
  237. font-size: 0.8em;
  238. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  239. font-size: 0.9em !important;
  240. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  241. }
  242.  
  243. body{
  244. padding: 0; margin: 0;
  245. font-size: 100%;
  246. color: {color:Text};
  247. font-family: {font:Body};
  248. text-align: center;
  249. word-wrap: break-word;
  250. background-color: {color:Background};
  251. background-image: url({image:Background Image});
  252. background-repeat: repeat;
  253. background-attachment: fixed;
  254. background-position: top left;
  255. -webkit-font-smoothing: antialiased;
  256. }
  257.  
  258. header#header{
  259. margin: 0 auto;
  260. position: relative;
  261. width: -webkit-calc(100% - (20px * 2));
  262. width: -moz-calc(100% - (20px * 2));
  263. width: calc(100% - (20px *2));
  264. text-align: center;
  265. }
  266.  
  267. header#header h1{
  268. text-align: center;
  269. font-size: 2.2em;
  270. margin-top: 25px;
  271.  
  272. {block:IfFontFrancoisOne}font-family: 'Francois One', sans-serif;{/block:IfFontFrancoisOne}
  273. {block:IfFontGochiHand}font-family: 'Gochi Hand', cursive;{/block:IfFontGochiHand}
  274. {block:IfFontIndieFlower}font-family: 'Indie Flower', cursive;{/block:IfFontIndieFlower}
  275. {block:IfFontLeckerliOne}font-family: 'Leckerli One', cursive;{/block:IfFontLeckerliOne}
  276. {block:IfFontLilitaOne}font-family: 'Lilita One', cursive;{/block:IfFontLilitaOne}
  277. {block:IfFontLobster}font-family: 'Lobster', cursive;{/block:IfFontLobster}
  278. {block:IfFontMrsSheppards}font-family: 'Mrs Sheppards', cursive;{/block:IfFontMrsSheppards}
  279. {block:IfFontOleoScript}font-family: 'Oleo Script', cursive;{/block:IfFontOleoScript}
  280. {block:IfFontOpenSansCondensed}font-family: 'Open Sans Condensed', sans-serif;{/block:IfFontOpenSansCondensed}
  281. {block:IfFontOswald}font-family: 'Oswald', sans-serif;{/block:IfFontOswald}
  282.  
  283. font-weight: normal !important;
  284.  
  285. }
  286.  
  287. header#header h1 a{color: {color:Title Header};}
  288.  
  289. .nameBlog{
  290. cursor: pointer;
  291. }
  292.  
  293. header#header h4{
  294. text-align: center;
  295. margin-bottom: 20px;
  296. }
  297.  
  298. header#header img#bannerLogo{
  299. margin-top: 20px;
  300. max-width: 100%;
  301. height: auto;
  302. }
  303.  
  304. #head_description{
  305. margin-top: 20px;
  306. line-height: 1.5em;
  307. color: {color:Text Header Description};
  308. {block:IfHideDescription}
  309. display:none;
  310. {/block:IfHideDescription}
  311. }
  312.  
  313. #head_description a{color:{color:Link menu};}
  314.  
  315. #header nav#socialLinks ul{
  316. margin-top: 20px;
  317. padding: 0;
  318. }
  319.  
  320. #header nav#socialLinks li{
  321. display:inline;
  322. margin-left: -4px;
  323. }
  324.  
  325. #header nav#socialLinks li a{
  326. color: {color:Social Icons Header};
  327. font-size: 4em;
  328. font-family: "socialicoregular";
  329. }
  330.  
  331. #header nav#socialLinks li a:hover{color:{color:Link};}
  332.  
  333. #header nav#socialLinks li:first-child{margin-left:0px;}
  334.  
  335. #twitterIcon a:hover{color:#00aced !important;}
  336. #facebookIcon a:hover{color:#3b5999 !important;}
  337. #googleIcon a:hover{color:#d84937 !important;}
  338. #linkedinIcon a:hover{color:#006699 !important;}
  339. #flickrIcon a:hover{color:#fe0084 !important;}
  340. #deviantIcon a:hover{color:#4a5d4e !important;}
  341. #youtubeIcon a:hover{color:#ff3333 !important;}
  342. #dribbbleIcon a:hover{color:#ea4c89 !important;}
  343.  
  344. #header nav#menu ul{margin-top: 20px;padding: 0;}
  345.  
  346. #header nav#menu ul li{
  347. display: inline;
  348. margin: 0px 10px;
  349. }
  350.  
  351. #header nav#menu ul li a{
  352. letter-spacing: 1px;
  353. color: {color:Link Menu};
  354. }
  355.  
  356. #header nav#menu ul li a:hover{
  357. color: {color:Link};
  358. }
  359.  
  360. {block:IFShowMenuFixedTop}
  361. .menuTop{
  362. display: none;
  363. margin-top:0px !important;
  364. width: 100%;
  365. left: 0px;
  366. position: fixed !important;
  367. top:-50px;
  368. background: rgba({RGBcolor:Post Background},0.93);
  369. z-index:10;
  370. {block:IfBoxShadow}
  371. box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset 0px 0px 2px rgba(255,255,255,0.2);
  372. {/block:IfBoxShadow}
  373.  
  374. {block:IfBorderRounded}
  375. -webkit-border-bottom-right-radius: 4px;
  376. -webkit-border-bottom-left-radius: 4px;
  377. -moz-border-radius-bottomright: 4px;
  378. -moz-border-radius-bottomleft: 4px;
  379. border-bottom-right-radius: 4px;
  380. border-bottom-left-radius: 4px;
  381. {/block:IfBorderRounded}
  382. }
  383. {/block:IFShowMenuFixedTop}
  384.  
  385. #menu-mobile{
  386. cursor: pointer;
  387. position: relative;
  388. display: none;
  389. width: 100%;
  390. background-color: rgba({RGBcolor:Link}, 0.85);
  391. }
  392.  
  393. #menuShow{
  394. text-align: left;
  395. font-weight: bold;
  396. color: {color:Post Background};
  397. padding: 20px;
  398. background-color: {color:Link};
  399. }
  400.  
  401. #menu-mobile ul{
  402. margin:0;
  403. padding: 0;
  404. display: none;
  405.  
  406. -webkit-transition: all 0.3s ease;
  407. -moz-transition: all 0.3s ease;
  408. transition: all 0.3s ease;
  409. -o-transition: all 0.3s ease;
  410. }
  411.  
  412. #menu-mobile li{
  413. text-align: center;
  414. float: left;
  415. width: 50%;
  416. }
  417.  
  418. #menu-mobile a {
  419. color: {color:Post Background};
  420. display: block;
  421. padding: 20px 0;
  422. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  423. text-decoration: none;
  424. white-space: nowrap;
  425. text-overflow: ellipsis;
  426. overflow: hidden;
  427. }
  428.  
  429. #menu-mobile li:nth-of-type(2n-1) a { border-right: 1px solid rgba(255, 255, 255, 0.1); }
  430.  
  431. section#wrap, footer#footer{
  432. {block:IfNotContentFullScreen}
  433. {block:IndexPage}
  434. width: 730px;
  435. {block:If2Columns}width:1060px;{/block:If2Columns}
  436. {block:If3Columns}width:990px;{/block:If3Columns}
  437. {block:If4Columns}width:1120px;{/block:If4Columns}
  438. {block:If5Columns}width:1400px;{/block:If5Columns}
  439. {/block:IndexPage}
  440. {/block:IfNotContentFullScreen}
  441. {block:PermalinkPage}
  442. width: 730px;
  443. {/block:PermalinkPage}
  444. margin: 0 auto;
  445. }
  446.  
  447. section#wrap{
  448. position: relative;
  449. text-align: left;
  450. }
  451.  
  452. /******** posts ********/
  453.  
  454. article.posts, article.posts .videoPost, article.posts img.photo, article.posts .photosetPost, .audioimage{
  455. {block:IndexPage}
  456. width: 700px;
  457. {block:If2Columns}width:500px;{/block:If2Columns}
  458. {block:If3Columns}width:300px;{/block:If3Columns}
  459. {block:If4Columns}width:250px;{/block:If4Columns}
  460. {block:If5Columns}width:250px;{/block:If5Columns}
  461. {/block:IndexPage}
  462. {block:PermalinkPage}
  463. width: 700px;
  464. {/block:PermalinkPage}
  465. }
  466.  
  467. article.posts{
  468. {block:IfBoxShadow}
  469. box-shadow: 0px 1px 2px rgba(0,0,0,0.25), inset 0px 0px 2px rgba(255,255,255,0.2);
  470. {/block:IfBoxShadow}
  471. margin: 15px;
  472. background-color: {color:Post Background};
  473. position: relative;
  474. z-index: 1;
  475. {block:IndexPage}
  476. float:left;
  477. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  478. margin-top:30px;
  479. float:none;
  480. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  481. {/block:IndexPage}
  482. {block:PermalinkPage}
  483. margin-top: 30px;
  484. padding-bottom: 15px;
  485. {/block:PermalinkPage}
  486. }
  487.  
  488. {block:IfPaperEffect}
  489. article.posts:after{
  490. content: "";
  491. width: 98%;
  492. position: absolute;
  493. left: 50%;
  494. margin-left: -48.85%;
  495. height: 3px;
  496. bottom: -3px;
  497. background: {color:Post Background};
  498. {block:IfBoxShadow}
  499. 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);
  500. {/block:IfBoxShadow}
  501. {block:IfNotBoxShadow}
  502. box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2);
  503. {/block:IfNotBoxShadow}
  504. z-index: 0;
  505.  
  506. {block:IfBorderRounded}
  507. -webkit-border-bottom-right-radius: 3px;
  508. -webkit-border-bottom-left-radius: 3px;
  509. -moz-border-radius-bottomright: 3px;
  510. -moz-border-radius-bottomleft: 3px;
  511. border-bottom-right-radius: 3px;
  512. border-bottom-left-radius: 3px;
  513. {/block:IfBorderRounded}
  514. }
  515. article.deletePaperEffect.posts:after{
  516. width: 0;
  517. height: 0;
  518. bottom:5px;
  519. }
  520. {/block:IfPaperEffect}
  521.  
  522. .caption{
  523. padding: 10px 15px 0px;
  524. line-height: 1.5em;
  525. color: {color:Text};
  526. }
  527.  
  528. .caption p:first-child{padding-top: 0px;}
  529. .caption p{margin:5px 0 0;}
  530.  
  531. .caption strong, .caption b{font-weight:bold;}
  532. .caption i, .caption em{font-style:italic;}
  533.  
  534. .caption blockquote, ol.notes blockquote{
  535. padding-left:10px;
  536. margin-right: 0;
  537. border-left: 3px solid rgba({RGBcolor:Text}, 0.3);
  538. margin: 10px 0px;
  539. }
  540.  
  541. ol.notes blockquote{
  542. margin-left: 25px;
  543. margin-right: 0;
  544. }
  545.  
  546. .caption ul{
  547. padding-left: 25px;
  548. }
  549.  
  550. .caption ul li{
  551. margin-top: 2px;
  552. list-style-type: disc;
  553. }
  554.  
  555. .caption img{
  556. display: block;
  557. max-width: 100%;
  558. height: auto;
  559. margin: 10px 0px;
  560.  
  561. {block:PermalinkPage}
  562. display: block;
  563. margin: 15px auto;
  564. {/block:PermalinkPage}
  565. }
  566.  
  567. .caption blockquote img{
  568. display: inline !important;
  569. }
  570.  
  571. article.posts .photosetPost, article.posts img.photo, .videoPost{
  572. position: relative;
  573. }
  574.  
  575. article.posts img.photo{
  576. margin-bottom: -3px;
  577. {block:PermalinkPage}
  578. margin-bottom: -18px;
  579. {/block:PermalinkPage}
  580. }
  581.  
  582. {block:IndexPage}
  583. {block:IfNotShowCaptions}
  584. .opacityColorPhotoEffect{
  585. position:absolute;
  586. height:100%;
  587. width: 100%;
  588. background: {color:Opacity Color Photo Effect};
  589. left:0px;
  590. top:0px;
  591. z-index: 9998;
  592. opacity:0;
  593. filter:alpha(opacity=0);
  594.  
  595. -webkit-transition: opacity 0.3s ease;
  596. -moz-transition: opacity 0.3s ease;
  597. transition: opacity 0.3s ease;
  598. -o-transition: opacity 0.3s ease;
  599. }
  600.  
  601. .description_icons{
  602. font-family: 'lightglassregular';
  603. line-height: 25px;
  604. text-align: center;
  605. background: {color:Icons Photo Background} !important;
  606. height: 25px;
  607. width: 25px;
  608. position: absolute;
  609. display: block;
  610. font-size:1em;
  611. font-weight:normal;
  612. left: 50%;
  613. top: 65%;
  614. margin-top: -12px;
  615. opacity:0;
  616. filter:alpha(opacity=0);
  617. z-index: 9999;
  618.  
  619. -webkit-border-radius: 30px;
  620. -moz-border-radius: 30px;
  621. border-radius: 30px;
  622. }
  623. a.description_icons{color: {color:Icons Photo};}
  624. .reblog_icon{
  625. margin-left: -60px;
  626. -webkit-transition: all 0.25s ease;
  627. -moz-transition: all 0.25s ease;
  628. transition: all 0.25s ease;
  629. -o-transition: all 0.25s ease;
  630. }
  631. .permalink_icon{
  632. margin-left: -30px;
  633. -webkit-transition: all 0.45s ease;
  634. -moz-transition: all 0.45s ease;
  635. transition: all 0.45s ease;
  636. -o-transition: all 0.45s ease;
  637. }
  638. .zoom_icon{
  639. margin-left: 0px;
  640. -webkit-transition: all 0.6s ease;
  641. -moz-transition: all 0.6s ease;
  642. transition: all 0.6s ease;
  643. -o-transition: all 0.6s ease;
  644. }
  645. .heart_icon{
  646. margin-left: 30px;
  647. -webkit-transition: all 0.8s ease;
  648. -moz-transition: all 0.8s ease;
  649. transition: all 0.8s ease;
  650. -o-transition: all 0.8s ease;
  651. }
  652.  
  653. .posts:hover .opacityColorPhotoEffect{opacity:0.4;filter:alpha(opacity=40);}
  654. .posts:hover .description_icons{top: 50%;opacity:1;filter:alpha(opacity=100);}
  655.  
  656. {block:IfNotShowCaptions}
  657. {/block:IndexPage}
  658.  
  659. article.posts .photosetPost{
  660. margin-bottom: -10px;
  661. }
  662.  
  663. article.posts .chat{padding: 15px 15px 0; margin: 0;}
  664.  
  665. article.posts .chat .caption{padding: 0;}
  666.  
  667. article.posts .chat .label{
  668. font-weight:bold;
  669. }
  670.  
  671. article.posts .chat li.odd,
  672. article.posts .chat li.even{
  673. -webkit-border-radius: 3px;
  674. -moz-border-radius: 3px;
  675. border-radius: 3px;
  676. padding: 10px;
  677. }
  678.  
  679. article.posts .chat li.odd{
  680. background: rgba({RGBcolor:Link},0.08);
  681. color:{color:Link};
  682. }
  683.  
  684. article.posts section.answerSection{
  685. padding: 15px 15px 0;
  686. }
  687.  
  688. article.posts section.answerSection img.answerImage{
  689. width: 30px;
  690. margin-right: 15px;
  691. }
  692.  
  693. .asker{
  694. color:{color:Link};
  695. font-weight:bold;
  696. text-decoration:none;
  697. }
  698.  
  699. .quest{
  700. {block:PermalinkPage}
  701. width: 625px;
  702. {/block:PermalinkPage}
  703. {block:IndexPage}
  704. width: 625px !important;
  705. {block:If2Columns}width: 425px !important;{/block:If2Columns}
  706. {block:If3Columns}width: 225px !important;{/block:If3Columns}
  707. {block:If4Columns}width: 175px !important;{/block:If4Columns}
  708. {block:If5Columns}width: 175px !important;{/block:If5Columns}
  709. {block:IndexPage}
  710. }
  711.  
  712. .quest, .quest p{margin:0px !important;}
  713.  
  714. article.posts section.answerSection .caption{
  715. padding:0;
  716. }
  717.  
  718. .videoPost iframe{
  719. width: 100%;
  720. }
  721.  
  722. /* +++++ permalink page section +++++ */
  723.  
  724. article.paddingPosts{
  725. padding: 15px;
  726. line-height: 1.5em;
  727. position: relative;
  728. }
  729.  
  730. article.permalinkPost h2{
  731. padding: 0;
  732. margin-bottom: 15px;
  733. }
  734.  
  735. #paginationPost{
  736. position: absolute;
  737. top: 15px;
  738. right: 15px;
  739. }
  740.  
  741. ol.notes{padding: 0;margin:0;}
  742.  
  743. ol.notes .note{margin-top:7px;}
  744.  
  745. ol.notes .avatar{
  746. vertical-align: middle;
  747. margin-right: 5px;
  748. }
  749.  
  750. .note.more_notes_link_container{margin-top:40px !important;}
  751.  
  752. /* +++++ footer section +++++ */
  753.  
  754. footer.postControls{
  755. text-align: right;
  756. font-family: 'lightglassregular';
  757. font-weight:normal;
  758. font-size: 1.1em;
  759. padding: 15px;
  760. }
  761.  
  762. footer.postControls a{
  763. color: {color:Icons};
  764. margin-left: 3px;
  765. }
  766.  
  767. footer.postControls a:hover{
  768. color: {color:Link};
  769. }
  770.  
  771. footer#footer{
  772. margin: 50px auto;
  773. }
  774.  
  775. #loadMorePostButton.loadMorePostButton{
  776. display: inline-block;
  777. font-weight: bold;
  778. padding: 8px 15px;
  779. margin: 0 auto;
  780. text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  781. background: {color:Link};
  782. box-shadow:
  783. 0px 1px 2px rgba(0,0,0,0.5),
  784. inset 0px 0px 2px rgba(255,255,255,0.3),
  785. inset 0px 20px 15px rgba(255,255,255,0.15);
  786. border: 1px solid rgba(0,0,0,0.15);
  787. color: #fff;
  788.  
  789. -webkit-border-radius: 2px;
  790. -moz-border-radius: 2px;
  791. border-radius: 2px;
  792. }
  793.  
  794. #loadMorePostButton.loadMorePostButton:active{
  795. box-shadow: inset 0px 2px 5px rgba(0,0,0,0.3);
  796. }
  797.  
  798. #backToTopButton{
  799. position: fixed;
  800. text-align: center;
  801. bottom: -70px;
  802. right: 20px;
  803. padding: 10px 20px;
  804. background: {color:Post Background};
  805. cursor: pointer;
  806. z-index: 10;
  807. {block:IfBoxShadow}
  808. box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px 0px 2px rgba(255,255,255,0.2);
  809. {/block:IfBoxShadow}
  810. }
  811.  
  812. ul#pagination {
  813. padding:0;
  814. margin:20px auto;
  815. {block:IfInfiniteScroll}
  816. display: none;
  817. {/block:IfInfiniteScroll}
  818. }
  819.  
  820. ul#pagination li{
  821. display: inline-block;
  822. margin: 0px 10px;
  823. background-color: {color:Post Background};
  824. margin-left:10px;
  825. {block:IfBoxShadow}
  826. box-shadow: 0px 1px 2px rgba(0,0,0,0.2), inset 0px 0px 2px rgba(255,255,255,0.2);
  827. {/block:IfBoxShadow}
  828. }
  829.  
  830. ul#pagination li a{
  831. display:block;
  832. text-decoration:none;
  833. color: {color:Text};
  834. padding: 8px 12px;
  835. }
  836. .current_page span{
  837. color: {color:Post Background};
  838. display:block;
  839. padding: 8px 12px;
  840. }
  841.  
  842. .current_page{
  843. background: {color:Link} !important;
  844. }
  845.  
  846. section#footerDetails{
  847. margin-top: 20px;
  848. line-height: 1.5em;
  849. }
  850.  
  851. #infscr-loading{
  852. bottom: -35px;
  853. position: absolute;
  854. left: 50%;
  855. margin-left:-8px;
  856. width:16px;
  857. height:20px;
  858. overflow:hidden;
  859. }
  860.  
  861. {CustomCSS}
  862.  
  863. /************************************** MOBILE **************************************/
  864.  
  865. /* tablet landscape */
  866. @media only screen
  867. and (max-device-width : 1024px)
  868. and (orientation : landscape) {
  869.  
  870. html, body, section#wrap{
  871. overflow-x: hidden !important;
  872. }
  873.  
  874. footer#footer{
  875. width: 100%;
  876. }
  877.  
  878. .postControls{
  879. font-size: 1.4em !important;
  880. }
  881.  
  882. .caption{
  883. padding-bottom: 5px;
  884. }
  885.  
  886. .chat .caption{
  887. display: inline;
  888. padding-bottom: 0px;
  889. }
  890.  
  891. .postControls, .caption{
  892. display: block !important;
  893. }
  894.  
  895. .zoomFancyTab{
  896. display: inline;
  897. }
  898.  
  899. header #showMenuMobile{
  900. display: none;
  901. }
  902. }
  903.  
  904. /* mobile device (phone+tablet) */
  905. @media only screen and (max-width: 768px) {
  906.  
  907. section#wrap, header#header, footer#footer{
  908. width: 92% !important;
  909. width: -webkit-calc(100% - (15px * 2)) !important;
  910. width: -moz-calc(100% - (15px * 2)) !important;
  911. width: calc(100% - (15px *2)) !important;
  912. }
  913.  
  914. header#header h1{padding: 15px 0;}
  915.  
  916. article.posts, article.posts .videoPost,
  917. article.posts img.photo, article.posts .photosetPost,
  918. .audioimage, .quest{
  919. width: 100% !important;
  920. }
  921.  
  922. article.posts {
  923. max-width: 100% !important;
  924. margin: 15px 0px;
  925. }
  926.  
  927. .videoPost iframe{
  928. min-height: 300px;
  929. }
  930.  
  931. article.posts{
  932. float: none;
  933. margin-top: 30px;
  934. }
  935.  
  936. footer.postControls{
  937. font-size: 1.65em;
  938. }
  939.  
  940. .caption{
  941. display: block !important;
  942. padding-bottom: 5px;
  943. }
  944.  
  945. .chat .caption{
  946. display: inline !important;
  947. padding-bottom: 0;
  948. }
  949.  
  950. .description_icons, .opacityColorPhotoEffect{
  951. display: none !important;
  952. }
  953.  
  954. .postControls{
  955. display: block !important;
  956. }
  957.  
  958. article.deletePaperEffect.posts:after{
  959. width: 98%;
  960. height: 3px;
  961. bottom: -3px;
  962. }
  963.  
  964. article.posts section.answerSection img.answerImage{
  965. display: none;
  966. }
  967.  
  968. #tumblr_controls, #installtheme{
  969. display: none !important;
  970. }
  971.  
  972. .zoomFancyTab{
  973. display: none;
  974. }
  975.  
  976. /* responsive menu */
  977. #menu-mobile{
  978. display:block !important;
  979. }
  980.  
  981. #menu{display: none;}
  982.  
  983. #header nav#socialLinks ul{margin-top: 30px;}
  984.  
  985. #header nav#socialLinks li{
  986. display:inline-block;
  987. margin-top: 10px;
  988. }
  989.  
  990. #header nav#socialLinks li a{font-size: 5.5em;}
  991. }
  992.  
  993. </style>
  994.  
  995. <script>
  996. (function(d, s, id) {
  997. var js, fjs = d.getElementsByTagName(s)[0];
  998. if (d.getElementById(id)) return;
  999. js = d.createElement(s); js.id = id;
  1000. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  1001. fjs.parentNode.insertBefore(js, fjs);
  1002. }(document, 'script', 'facebook-jssdk'));
  1003.  
  1004. function replaceIfFlash(version,element_id,replacement_string){
  1005. document.getElementById(element_id).innerHTML=replacement_string;
  1006. }
  1007. function renderVideo(element_id,src,width,height,flashvars){
  1008. 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="http://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="http://www.apple.com/quicktime/"></embed></object>'}else{replaceIfFlash(10,element_id,'<embed type="application/x-shockwave-flash" src="http://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>')}
  1009. }
  1010.  
  1011. </script>
  1012.  
  1013. </head>
  1014.  
  1015. <body>
  1016.  
  1017. <div id="installtheme">
  1018. <a href="http://themecloud.co/themes/lightglass-2/" target="_blank">
  1019. <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
  1020. </a>
  1021. </div>
  1022.  
  1023. <nav id="menu-mobile">
  1024. <div id="menuShow">Menu</div>
  1025. <ul>
  1026. <li><a href="/">Home</a></li>
  1027. {block:AskEnabled}
  1028. <li><a href="/ask" {target}>{AskLabel}</a></li>
  1029. {/block:AskEnabled}
  1030. {block:SubmissionsEnabled}
  1031. <li><a href="/submit" {Target}>Submit</a></li>
  1032. {/block:SubmissionsEnabled}
  1033. {block:IfShowArchiveLink}
  1034. <li><a href="/archive" {target}>Archive</a></li>
  1035. {/block:IfShowArchiveLink}
  1036. {block:IfShowRssLink}
  1037. <li><a href="/rss" {target}>RSS</a></li>
  1038. {/block:IfShowRssLink}
  1039. {block:IfShowRandomLink}
  1040. <li><a href="/random" {target}>Random</a></li>
  1041. {/block:IfShowRandomLink}
  1042. {block:HasPages}
  1043. {block:Pages}
  1044. <li><a href="{URL}" {Target}>{Label}</a></li>
  1045. {/block:Pages}
  1046. {/block:HasPages}
  1047. </ul>
  1048. <div class="clear"></div>
  1049. </nav>
  1050.  
  1051. <header id="header">
  1052.  
  1053. {block:IfHeaderImageImage}
  1054. <img class="nameBlog" id="bannerLogo" src="{image:Header Image}">
  1055. {/block:IfHeaderImageImage}
  1056.  
  1057. {block:IfNotHeaderImageImage}
  1058. {block:IfHideDescription}<h1 class="nameBlog">{Title}</h1>{/block:IfHideDescription}
  1059. {block:IfNotHideDescription}<h1><a href="/">{Title}</a></h1>{/block:IfNotHideDescription}
  1060. {/block:IfNotHeaderImageImage}
  1061.  
  1062. <div id="head_description">
  1063. {Description}
  1064. <nav id="socialLinks">
  1065. <ul>
  1066. {block:IfURLTwitter}
  1067. <li id="twitterIcon"><a href="{text:URL Twitter}" {Target}>l</a></li>
  1068. {/block:IfURLTwitter}
  1069. {block:IfURLFacebook}
  1070. <li id="facebookIcon"><a href="{text:URL Facebook}" {Target}>f</a></li>
  1071. {/block:IfURLFacebook}
  1072. {block:IfURLGooglePlus}
  1073. <li id="googleIcon"><a href="{text:URL Google Plus}" {Target}>g</a></li>
  1074. {/block:IfURLGooglePlus}
  1075. {block:IfURLLinkedIn}
  1076. <li id="linkedinIcon"><a href="{text:URL LinkedIn}" {Target}>i</a></li>
  1077. {/block:IfURLLinkedIn}
  1078. {block:IfURLDribbble}
  1079. <li id="dribbbleIcon"><a href="{text:URL Dribbble}" {Target}>d</a></li>
  1080. {/block:IfURLDribbble}
  1081. {block:IfURLFlickr}
  1082. <li id="flickrIcon"><a href="{text:URL Flickr}" {Target}>n</a></li>
  1083. {/block:IfURLFlickr}
  1084. {block:IfURLDeviantArt}
  1085. <li id="deviantIcon"><a href="{text:URL Deviant Art}" {Target}>j</a></li>
  1086. {/block:IfURLDeviantArt}
  1087. {block:IfURLYouTube}
  1088. <li id="youtubeIcon"><a href="{text:URL YouTube}" {Target}>x</a></li>
  1089. {/block:IfURLYouTube}
  1090. </ul>
  1091. </nav>
  1092. </div>
  1093.  
  1094. {block:DayPage}<h4>{Month} {DayOfMonth}, {Year}</h4>{/block:DayPage}
  1095.  
  1096. <nav id="menu">
  1097. <ul>
  1098. <li><a href="/">Home</a></li>
  1099. {block:AskEnabled}
  1100. <li><a href="/ask" {target}>{AskLabel}</a></li>
  1101. {/block:AskEnabled}
  1102. {block:SubmissionsEnabled}
  1103. <li><a href="/submit" {Target}>Submit</a></li>
  1104. {/block:SubmissionsEnabled}
  1105. {block:IfShowArchiveLink}
  1106. <li><a href="/archive" {target}>Archive</a></li>
  1107. {/block:IfShowArchiveLink}
  1108. {block:IfShowRssLink}
  1109. <li><a href="/rss" {target}>RSS</a></li>
  1110. {/block:IfShowRssLink}
  1111. {block:IfShowRandomLink}
  1112. <li><a href="/random" {target}>Random</a></li>
  1113. {/block:IfShowRandomLink}
  1114. {block:HasPages}
  1115. {block:Pages}
  1116. <li><a href="{URL}" {Target}>{Label}</a></li>
  1117. {/block:Pages}
  1118. {/block:HasPages}
  1119. </ul>
  1120. </nav>
  1121.  
  1122. {block:IFShowMenuFixedTop}
  1123. <nav id="menu-2" class="menuTop"></nav>
  1124. {/block:IFShowMenuFixedTop}
  1125.  
  1126. </header>
  1127.  
  1128. <section id="wrap">
  1129. {block:Posts}
  1130. <article class="posts{block:IndexPage}{block:Photo}{block:IfNotShowCaptions} deletePaperEffect{/block:IfNotShowCaptions}{/block:Photo}{/block:IndexPage}">
  1131.  
  1132. {block:Text}
  1133. {block:Title}
  1134. <header>
  1135. <h1 class="titleArticle">{Title}</h1>
  1136. </header>
  1137. {/block:Title}
  1138. <section class="caption">{Body}</section>
  1139. {/block:Text}
  1140.  
  1141. {block:Link}
  1142. <header>
  1143. <h1 class="titleArticle">» <a href="{URL}" {Target}>{Name}</a></h1>
  1144. </header>
  1145. {block:Description}
  1146. <section class="caption">{Description}</section>
  1147. {/block:Description}
  1148. {block:Link}
  1149.  
  1150. {block:Photo}
  1151. <header>
  1152. {LinkOpenTag}
  1153. {block:IndexPage}
  1154. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1155. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1156. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1157.  
  1158. {block:If2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1159. <img class="photo done" src="{PhotoURL-500}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1160. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:If2Columns}
  1161.  
  1162. {block:If3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1163. <img class="photo done" src="{PhotoURL-400}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1164. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:If3Columns}
  1165.  
  1166. {block:If4Columns}{block:IfNot5Columns}
  1167. <img class="photo done" src="{PhotoURL-250}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1168. {/block:IfNot5Columns}{/block:If4Columns}
  1169.  
  1170. {block:If5Columns}
  1171. <img class="photo done" src="{PhotoURL-250}" alt="{PhotoAlt}" data-highRes="{PhotoURL-HighRes}"/>
  1172. {/block:If5Columns}
  1173. {/block:IndexPage}
  1174. {block:PermalinkPage}
  1175. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="{block:Caption}margin-bottom: -3px;{/block:Caption}"/>
  1176. {/block:PermalinkPage}
  1177. {LinkCloseTag}
  1178. </header>
  1179. {block:IndexPage}
  1180. {block:IfNotShowCaptions}
  1181. <a href="{Permalink}" class="description_icons permalink_icon" {Target}>b</a>
  1182. <a href="{ReblogURL}" target="_blank" class="description_icons reblog_icon" {Target}>a</a>
  1183. <a tabindex="1" href="{PhotoURL-HighRes}" class="description_icons zoom_icon zoomFancy">d</a>
  1184. <a class="description_icons heart_icon" href="javascript:void(0);" id="{PostID}" rel="{ReblogURL}">c</a>
  1185. <div class="opacityColorPhotoEffect"></div>
  1186. {/block:IfNotShowCaptions}
  1187. {/block:IndexPage}
  1188.  
  1189. {block:Caption}
  1190. <section class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</section>
  1191. {/block:Caption}
  1192. {/block:Photo}
  1193.  
  1194. {block:Photoset}
  1195. <header class="photosetPost">
  1196. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1197. {block:Photos}
  1198. <div class="photo-data">
  1199. <div class="pxu-photo">
  1200. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1201. <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}>
  1202. </a>
  1203. </div>
  1204.  
  1205. </div>
  1206. {/block:Photos}
  1207. </div>
  1208. </header>
  1209. {block:Caption}
  1210. <section class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</section>
  1211. {/block:Caption}
  1212. {/block:Photoset}
  1213.  
  1214. {block:Answer}
  1215. <section class="answerSection">
  1216. <img class="answerImage left" src="{AskerPortraitURL-30}"/>
  1217. <div class="left quest caption">
  1218. <b>{Asker}</b>:<br>
  1219. {Question}
  1220. </div>
  1221. <div class="clear"></div>
  1222. </section>
  1223. <section class="answerSection">
  1224. <img class="answerImage left" src="{PortraitURL-30}"/>
  1225. <div class="left quest caption">
  1226. <b>Me</b>:<br>
  1227. {Answer}
  1228. </div>
  1229. <div class="clear"></div>
  1230. </section>
  1231. {/block:Answer}
  1232.  
  1233. {block:Chat}
  1234. {block:Title}
  1235. <header>
  1236. <h1 class="titleArticle">{Title}</h1>
  1237. </header>
  1238. {/block:Title}
  1239. <ul class="chat">
  1240. {block:Lines}
  1241. <li class="{Alt} user_{UserNumber}">
  1242. {block:Label}
  1243. <span class="label">{Label}</span>
  1244. {/block:Label}
  1245. <span class="caption">{Line}</span>
  1246. </li>
  1247. {/block:Lines}
  1248. </ul>
  1249. {/block:Chat}
  1250.  
  1251. {block:Quote}
  1252. <header>
  1253. <h1 class="titleArticle">“{Quote}”</h1>
  1254. </header>
  1255. {block:Source}
  1256. <div class="caption">- {Source}</div>
  1257. {/block:Source}
  1258. {/block:Quote}
  1259.  
  1260. {block:Audio}
  1261. <style>.audio_player iframe{width: 100%;height: 90px;}</style>
  1262. <header>
  1263. {AudioPlayerWhite}
  1264. </header>
  1265. {block:Caption}
  1266. <div class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</div>
  1267. {/block:Caption}
  1268. {/block:Audio}
  1269.  
  1270. {block:Video}
  1271. <header class="videoPost done" id="{PostID}">
  1272. {block:IndexPage}
  1273. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1274. {Video-700}
  1275. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1276.  
  1277. {block:If2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1278. {Video-500}
  1279. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:If2Columns}
  1280.  
  1281. {block:If3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1282. {Video-400}
  1283. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:If3Columns}
  1284.  
  1285. {block:If4Columns}{block:IfNot5Columns}
  1286. {Video-250}
  1287. {/block:IfNot5Columns}{/block:If4Columns}
  1288.  
  1289. {block:If5Columns}
  1290. {Video-250}
  1291. {/block:If5Columns}
  1292. {/block:IndexPage}
  1293. {block:PermalinkPage}
  1294. {Video-700}
  1295. {/block:PermalinkPage}
  1296. </header>
  1297. {block:Caption}
  1298. <div class="caption" {block:IndexPage}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:IndexPage}>{Caption}</div>
  1299. {/block:Caption}
  1300. {/block:Video}
  1301.  
  1302. {block:IndexPage}
  1303. <footer class="postControls" {block:Photo}{block:IfNotShowCaptions}style="display:none;"{/block:IfNotShowCaptions}{/block:Photo}>
  1304. {block:Date}
  1305. <a href="{Permalink}" class="iconsFont" {Target}>b</a>
  1306. <a class="heart_icon iconsFont" href="javascript:void(0);" id="{PostID}" rel="{ReblogURL}">c</a>
  1307. <a href="{ReblogURL}" class="iconsFont" target="_blank" {block:Answer}style="display: none;"{/block:Answer}>a</a>
  1308. {block:Photo}<a tabindex="2" href="{PhotoURL-HighRes}" class="zoom_icon iconsFont zoomFancyTab">d</a>{/block:Photo}
  1309. {/block:Date}
  1310. </footer>
  1311. {/block:IndexPage}
  1312.  
  1313. <div class="clear"></div>
  1314. </article>
  1315.  
  1316. {block:PermalinkPage}
  1317. {block:Date}
  1318. <article class="posts paddingPosts">
  1319. {block:PermalinkPagination}
  1320. <div id="paginationPost">
  1321. {block:NextPost}<a id="paginationPost_prev" href="{NextPost}">« Prev post </a>{/block:NextPost}
  1322.  
  1323. {block:PreviousPost}<a id="paginationPost_next" href="{PreviousPost}"> Next post »</a>{/block:PreviousPost}
  1324. </div>
  1325. {/block:PermalinkPagination}
  1326. {block:IfShowSocialShareButtons}
  1327. <div id="socialButtons" {block:PostNotes}style="margin-bottom: 15px;"{/block:PostNotes}>
  1328. <div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  1329. <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>
  1330. <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>
  1331. <span style="margin-left: 5px;"><iframe id="facebookiframe" src="http://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>
  1332. </div>
  1333. {/block:IfShowSocialShareButtons}
  1334. {block:PostNotes}
  1335. Posted on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" {Target}>{Month} {DayOfMonth}, {Year}</a><br>
  1336.  
  1337. {block:RebloggedFrom}
  1338. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1339. {/block:RebloggedFrom}
  1340. {/block:PostNotes}
  1341. </article>
  1342.  
  1343. {block:IfDisqusShortname}
  1344. <article class="posts paddingPosts">
  1345. <div id="disqus_thread"></div>
  1346. <script type="text/javascript">
  1347. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1348. var disqus_shortname = '{text:Disqus Shortname}'; // required: replace example with your Disqus site shortname
  1349. var disqus_url = '{Permalink}';
  1350. var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}';
  1351.  
  1352. /* * * DON'T EDIT BELOW THIS LINE * * */
  1353. (function() {
  1354. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1355. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  1356. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1357. })();
  1358. </script>
  1359. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1360. <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  1361. </article>
  1362. {/block:IfDisqusShortname}
  1363.  
  1364. {block:PostNotes}
  1365. <article class="posts permalinkPost paddingPosts">
  1366. <div id="postnotes">
  1367. {block:NoteCount}
  1368. <h2>{NoteCountWithLabel}</h2>
  1369. {/block:NoteCount}
  1370. {PostNotes}
  1371. </div>
  1372.  
  1373. </article>
  1374. {/block:PostNotes}
  1375. {/block:Date}
  1376. {/block:PermalinkPage}
  1377. {/block:Posts}
  1378. <div class="clear"></div>
  1379. </section> <!-- #wrap -->
  1380.  
  1381. <div id="backToTopButton">
  1382. <a href="javascript:void(0);">{text:Back Top}</a>
  1383. </div>
  1384.  
  1385. <footer id="footer">
  1386. {block:Pagination}
  1387. <ul id="pagination">
  1388. {block:PreviousPage}
  1389. <li><a href="{PreviousPage}">«</a></li>
  1390. {/block:PreviousPage}
  1391. {block:JumpPagination length="5"}
  1392. {block:CurrentPage}
  1393. <li class="current_page"><span>{PageNumber}</span></li>
  1394. {/block:CurrentPage}
  1395. {block:JumpPage}
  1396. <li><a class="jump_page" href="{URL}">{PageNumber}</a></li>
  1397. {/block:JumpPage}
  1398. {/block:JumpPagination}
  1399. {block:NextPage}
  1400. <li><a id="nextPage" href="{NextPage}">»</a></li>
  1401. {/block:NextPage}
  1402. </ul>
  1403. {/block:Pagination}
  1404.  
  1405. {block:IndexPage}
  1406. {block:IfInfiniteScroll}
  1407. <a id="loadMorePostButton" class="loadMorePostButton" href="javascript: void(0);">Load more posts</a>
  1408. {block:IfInfiniteScroll}
  1409. {/block:IndexPage}
  1410.  
  1411. <section id="footerDetails">
  1412. {block:IfFooterText}
  1413. {text:Footer Text}
  1414. <br>
  1415. {/block:IfFooterText}
  1416. theme <a href="http://themecloud.co/themes/lightglass-2/" target="_blank">LIGHTGLASS</a> by <a rel="author" href="http://rickerlr.tumblr.com/" target="_blank">rickerlr</a>
  1417. <br>
  1418. <a href="http://rickerlrthemes.tumblr.com/" target="_blank">rickerlrthemes</a>
  1419. </section>
  1420. </footer>
  1421.  
  1422. <!-- JS functions -->
  1423. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/8Aqmgryi7/jquery_18.js"></script>
  1424. <script src="http://static.tumblr.com/mcreuad/GJWmkxweb/modernizr-2.5.3.min.js"></script>
  1425.  
  1426. <!--
  1427. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  1428. <script src="http://static.tumblr.com/dbek3sy/Riumjr4mk/jquery.migrate.min.js"></script>
  1429. -->
  1430.  
  1431. <script src="http://static.tumblr.com/dbek3sy/9kLmizi80/jquery.fancybox-1.3.4.pack.js"></script>
  1432. <script src="http://static.tumblr.com/dbek3sy/Rg0mjrie8/imagesloaded.min.js"></script>
  1433. <script src="http://static.tumblr.com/dbek3sy/OTMmjrig1/pxuphotoset.min.js"></script>
  1434.  
  1435. <script type="text/javascript">
  1436. var $content = $('#wrap');
  1437. var if1Col = false;
  1438.  
  1439. if (Modernizr.touch){
  1440. $('#backToTopButton').remove();
  1441.  
  1442. $(window).resize(function(){
  1443. removePhotoEffectTablet();
  1444. $content.masonry();
  1445. });
  1446.  
  1447. }
  1448.  
  1449. $(function(){
  1450.  
  1451. $("#menuShow").live("click", function(){
  1452. $("#menu-mobile ul").toggle();
  1453. });
  1454.  
  1455. if (Modernizr.touch) {
  1456. addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
  1457.  
  1458. function hideURLbar(){
  1459. window.scrollTo(0,1);
  1460. }
  1461. }
  1462.  
  1463. {block:IfHideDescription}
  1464. $(".nameBlog").click(function(){
  1465. $("#head_description").fadeToggle(500);
  1466. });
  1467. {/block:IfHideDescription}
  1468.  
  1469. $(".videoPost.done").removeClass("done");
  1470. $('.photo-slideshow').pxuPhotoset({
  1471. "lightbox" : true,
  1472. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1473. 'highRes' : true,
  1474. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1475. "rounded" : false
  1476. });
  1477.  
  1478. /* ZOOM EFFECT - FANCYBOX */
  1479. $content.on("focusin", function(){
  1480. $("a.zoomFancy, a.zoomFancyTab").fancybox({
  1481. 'transitionIn' : 'elastic',
  1482. 'transitionOut' : 'elastic',
  1483. 'speedIn' : 300,
  1484. 'speedOut' : 200,
  1485. 'hideOnContentClick': true,
  1486. 'overlayShow' : true,
  1487. 'padding' : '0'
  1488. });
  1489. });
  1490.  
  1491. /* if internet explorer 6-7 */
  1492. jQuery.each(jQuery.browser, function(i, val) {
  1493. if((val=="7.0")||(val=="6.0")||(val=="8.0")){
  1494. alert("You are using Internet Explorer " + val + ", please upgrade your browser.");
  1495.  
  1496. $(window).resize(function() {
  1497. $("#header").css("width", "100%").css("width", "-=40px");
  1498. });
  1499. }
  1500. });
  1501.  
  1502. /* return top */
  1503. if (!Modernizr.touch){
  1504. $("#backToTopButton").click(function(){
  1505. var target = $("html");
  1506. $('html, body').animate({
  1507. scrollTop: target.offset().top
  1508. }, 1000);
  1509. });
  1510.  
  1511. var menu2 = $("#menu-2");
  1512. menu2.html($("#menu").clone());
  1513. var topDiv = $("#backToTopButton");
  1514. var topDivTop = "1000";
  1515. var view = $( window );
  1516. view.bind("scroll resize", function(){
  1517. var viewTop = view.scrollTop();
  1518.  
  1519. if (viewTop > topDivTop){
  1520. topDiv.animate({"bottom": "0px"}, {queue: false, duration: 200});
  1521. {block:IFShowMenuFixedTop}
  1522. menu2.show().animate({top: "0px",opacity:0.95},{queue: false, duration: 200}).fade;
  1523. {/block:IFShowMenuFixedTop}
  1524. }
  1525. else if (viewTop < topDivTop){
  1526. topDiv.animate({"bottom": "-70px"}, {queue: false, duration: 200});
  1527. {block:IFShowMenuFixedTop}
  1528. menu2.animate({top: "-50px",opacity:0},{queue: false, duration: 150});
  1529. {/block:IFShowMenuFixedTop}
  1530. }
  1531.  
  1532. });
  1533. }
  1534.  
  1535.  
  1536. /* heart like */
  1537. $(".heart_icon").live("click", function() {
  1538. var $this = $(this);
  1539. var id_post = $this.attr('id');
  1540. var reblog_key = $this.attr('rel').slice(-8);
  1541. var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  1542. $('#likeIframe').attr('src', like_url);
  1543. $this.css("color","#ff0000");
  1544. });
  1545. });
  1546.  
  1547. </script>
  1548.  
  1549. {block:IndexPage}
  1550. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  1551. {block:IfInfiniteScroll}
  1552. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1553. {/block:IfInfiniteScroll}
  1554.  
  1555. <script type="text/javascript">
  1556.  
  1557. $(window).load(function() {
  1558.  
  1559. if (Modernizr.touch) {
  1560. $(".photo.done").each(function(){
  1561. $(this).attr("src", $(this).attr("data-highRes")).removeClass("done");
  1562. });
  1563. }
  1564.  
  1565. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1566. if1Col = true;
  1567. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1568.  
  1569. if (!Modernizr.touch){
  1570. $content.masonry({
  1571. itemSelector: '.posts',
  1572. isAnimated: true,
  1573. {block:IfContentFullScreen}
  1574. isFitWidth: true
  1575. {/block:IfContentFullScreen}
  1576. });
  1577. }else{
  1578. $content.masonry({
  1579. itemSelector: '.posts',
  1580. isAnimated: true,
  1581. isFitWidth:true
  1582. });
  1583. }
  1584.  
  1585. {block:IfInfiniteScroll}
  1586. $content.infinitescroll({
  1587. navSelector : '#pagination',
  1588. nextSelector : '#pagination a#nextPage',
  1589. itemSelector : '.posts',
  1590. loading: {
  1591. finishedMsg: function(){
  1592. $('#loadMorePostButton')
  1593. .removeClass("loadMorePostButton")
  1594. .text("No more post.")
  1595. .css("color", "{color:Link}");
  1596. $('#infscr-loading').css("width", "0px");
  1597. },
  1598. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1599. },
  1600. bufferPx : 400,
  1601. debug : false
  1602. },
  1603. function(newElements){
  1604. var $newElems = $(newElements);
  1605. $newElems.css({opacity: 0});
  1606. if($newElems.find(".videoPost.done iframe.tumblr_video_iframe")){fixVideoPost($(".videoPost.done"));}
  1607.  
  1608. $newElems.find('.photo-slideshow').pxuPhotoset({
  1609. "lightbox" : true,
  1610. {block:IfNot2Columns}{block:IfNot3Columns}{block:IfNot4Columns}{block:IfNot5Columns}
  1611. 'highRes' : true,
  1612. {/block:IfNot5Columns}{/block:IfNot4Columns}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1613. "rounded" : false
  1614. });
  1615. if (Modernizr.touch) {
  1616. $newElems.find(".photo.done").each(function(){
  1617. $(this).attr("src", $(this).attr("data-highRes")).removeClass("done");
  1618. });
  1619. if($newElems.find(".opacityColorPhotoEffect")){removePhotoEffectTablet();}
  1620. }
  1621.  
  1622. $newElems.imagesLoaded(function(){
  1623. if (!if1Col){
  1624. $newElems.animate({opacity:1}, 200);
  1625. $content.masonry(
  1626. 'appended',
  1627. $newElems,
  1628. true
  1629. );
  1630. }
  1631. else{
  1632. $content.append($newElems);
  1633. $newElems.animate({opacity:1}, 200);
  1634. }
  1635. });
  1636. });
  1637.  
  1638. $('#loadMorePostButton').live("click", function(e){
  1639. e.preventDefault();
  1640. $content.infinitescroll('retrieve');
  1641. });
  1642. {/block:IfInfiniteScroll}
  1643.  
  1644. });
  1645.  
  1646. {block:IfInfiniteScroll}
  1647. /* repair video players*/
  1648. function fixVideoPost(id){
  1649. var videoID = id.attr("id");
  1650. var $videoPost = id;
  1651. if($videoPost.find("span#video_player_"+videoID).length){
  1652. $videoPost.parent().removeClass("done").find(".zoom_icon").remove();
  1653. $.ajax({
  1654. url: '/api/read/json?id=' + videoID,
  1655. dataType: 'jsonp',
  1656. timeout: 50000,
  1657. success: function(data){
  1658. $videoPost.html(data.posts[0]["video-player-500"]);
  1659. $content.masonry();
  1660. }
  1661. });
  1662. }
  1663. $videoPost.removeClass("done");
  1664. }
  1665. {/block:IfInfiniteScroll}
  1666.  
  1667.  
  1668. if (Modernizr.touch) {
  1669. function removePhotoEffectTablet(){
  1670. $(".description_icons").remove();
  1671. $(".opacityColorPhotoEffect").remove();
  1672. }
  1673. }
  1674.  
  1675. </script>
  1676. {/block:IndexPage}
  1677.  
  1678. <script type="text/javascript">
  1679. (function() {
  1680. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1681. po.src = 'https://apis.google.com/js/plusone.js';
  1682. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1683. })();
  1684. </script>
  1685.  
  1686. <!-- google analytics code -->
  1687. {block:IfGoogleAnalyticsID}
  1688. <script type="text/javascript">
  1689.  
  1690. var _gaq = _gaq || [];
  1691. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1692. _gaq.push(['_trackPageview']);
  1693.  
  1694. (function() {
  1695. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1696. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1697. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1698. })();
  1699.  
  1700. </script>
  1701. {/block:IfGoogleAnalyticsID}
  1702.  
  1703. <iframe id="likeIframe" src="" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  1704. <div id="guid" style="display:none;">45e1d44587-djke882-530536shyya0-dopwnn1</div>
  1705. </body>
  1706. </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!