API tools faq
paste
Advertisement
arcodes

Theme #02 - Gridly

arcodes
Jul 22nd, 2018
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.15 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. °• G R I D L Y T H E M E S •°
  6. Themes made by @gridly. Respect copyright.
  7.  
  8.  
  9. — Do not remove the credits.
  10. — Do not use as a base.
  11. — Do not steal parts of the code.
  12.  
  13. -->
  14.  
  15. <meta name="image:background" content=""/>
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:background pop up" content="#000"/>
  18. <meta name="color:bold" content="#888888"/>
  19. <meta name="color:text" content="#888888"/>
  20. <meta name="color:social" content="#888888"/>
  21. <meta name="color:links" content="#f6d9d3"/>
  22. <meta name="color:links hover" content="#c09992"/>
  23. <meta name="color:borders" content="#eeeeee"/>
  24. <meta name="color:selection" content="#fcf2f0"/>
  25. <meta name="color:blockquote" content="#fcf2f0"/>
  26. <meta name="color:scrollbar" content="#fcf2f0"/>
  27.  
  28. <meta name="select:font of posts"content="'Arvo', serif"title="Arvo"/>
  29. <meta name="select:font of posts"content="arial"title="Arial"/>
  30. <meta name="select:font of posts"content="'Avalon'"title="Avalon"/>
  31. <meta name="select:font of posts"content="calibri"title="Calibri"/>
  32. <meta name="select:font of posts"content="consolas"title="Consolas"/>
  33. <meta name="select:font of posts"content="cambria"title="Cambria"/>
  34. <meta name="select:font of posts"content="georgia"title="Georgia"/>
  35. <meta name="select:font of posts"content="'Signika', sans-serif"title="Signika"/>
  36. <meta name="select:font of posts"content="'Lato', sans-serif"title="Lato"/>
  37. <meta name="select:font of posts"content="'muli', sans-serif"title="Muli"/>
  38. <meta name="select:font of posts"content="'PT Sans', sans-serif"title="PT Sans"/>
  39. <meta name="select:font of posts"content="courier new"title="Courier new"/>
  40. <meta name="select:font of posts"content="century gothic"title="Century gothic"/>
  41. <meta name="select:font of posts"content="'Roboto', sans-serif"title="Roboto"/>
  42. <meta name="select:font of posts"content="'Typewriter FS', serif"title="Typewriter"/>
  43. <meta name="select:font of posts"content="trebuchet ms"title="trebuchet ms"/>
  44. <meta name="select:font of posts"content="'Yantramanav', sans-serif"title="Yantramanav"/>
  45. <meta name="select:font of posts"content="Istok Web, sans-serif"title="Istok Web"/>
  46. <meta name="select:font of posts"content="'Rokkitt', serif"title="Rokkitt"/>
  47. <meta name="select:font of posts"content="leelawadee"title="Leelawadee"/>
  48. <meta name="select:font of posts"content="'Halant', serif"title="Halant"/>
  49. <meta name="select:font of posts"content="Helvetica Neue,sans-serif"title="Helvetica Neue"/>
  50. <meta name="select:font of posts"content="'PT Sans Narrow', sans-serif"title="PT Sans Narrow"/>
  51. <meta name="select:font of posts"content="'Noto Sans', sans-serif"title="Noto Sans"/>
  52. <meta name="select:font of posts"content="'Dosis', sans-serif"title="Dosis"/>
  53. <meta name="select:font of posts"content="'Catamaran', sans-serif"title="Catamaran"/>
  54. <meta name="select:font of posts"content="'Nunito', sans-serif"title="Nunito"/>
  55.  
  56. <meta name="if:photos in black and white" content=""/>
  57. <meta name="if:photos in vintage" content=""/>
  58. <meta name="if:photos in fade" content=""/>
  59. <meta name="if:photos in sepia" content=""/>
  60. <meta name="if:photos in contraste" content=""/>
  61. <meta name="if:photos in brightness" content=""/>
  62. <meta name="if:photos in hue rotate" content=""/>
  63.  
  64. <meta name="if:social networks" content=""/>
  65. <meta name="if:custom controls" content=""/>
  66. <meta name="if:justified posting" content=""/>
  67. <meta name="if:not repeat background" content=""/>
  68. <meta name="if:go to top button" content=""/>
  69. <meta name="if:snow" content=""/>
  70.  
  71. <meta name="text:title" content="title theme"/>
  72.  
  73. <meta name="text:size posts" content="12"/>
  74.  
  75. <meta name="text:link 1 title" content="link"/>
  76. <meta name="text:link 1" content="/" />
  77. <meta name="text:link 2 title" content="link"/>
  78. <meta name="text:link 2" content="/" />
  79. <meta name="text:link 3 title" content="link"/>
  80. <meta name="text:link 3" content="/" />
  81. <meta name="text:link 4 title" content="link"/>
  82. <meta name="text:link 4" content="/" />
  83. <meta name="text:link 5 title" content="link"/>
  84. <meta name="text:link 5" content="/" />
  85. <meta name="text:link 6 title" content="link"/>
  86. <meta name="text:link 6" content="/" />
  87. <meta name="text:link 7 title" content="link"/>
  88. <meta name="text:link 7" content="/" />
  89.  
  90. <meta name="text:facebook" content="http://facebook.com/user"/>
  91. <meta name="text:twitter" content="http://twitter.com/user"/>
  92. <meta name="text:instagram" content="http://instagram.com/user"/>
  93. <meta name="text:heart" content="http://weheartit.com/user"/>
  94.  
  95. <title>{title}</title>
  96. <link rel="shortcut icon" href="{favicon}">
  97. <link rel="alternate"type="application/rss+xml"href="{RSS}">
  98. {block:description}<meta name="description" content="{Metadescription}"/>{/block:description}
  99.  
  100. <link href='https://fonts.googleapis.com/css?family=Amatic+SC:400,700|PT+Sans|Lora:700italic|Arvo|PT Sans|Lato:300,400|Roboto|Muli|Signika|Yantramanav|Istok+Web' rel='stylesheet' type='text/css'>
  101. <link href="https://fonts.googleapis.com/css?family=Halant" rel="stylesheet">
  102. <link href="https://fonts.googleapis.com/css?family=Catamaran|Dosis|Noto+Sans|Nunito|PT+Sans+Narrow" rel="stylesheet">
  103. <link href="https://fonts.googleapis.com/css?family=Inconsolata|PT+Sans|Quicksand|Raleway" rel="stylesheet">
  104. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
  105. <style type="text/css">
  106.  
  107. *html, body{width:100%;}
  108.  
  109. body{background:{color:background}; color:{color:text}; font-family:{select:font of posts}; line-height:170%; {block:Ifjustifiedposting}text-align:justify;{/block:Ifjustifiedposting} -webkit-animation:Fade 10s; font-size:{text:size posts}px; background-image:url('{image:background}'); background-attachment:fixed; {block:Ifnotrepeatbackground} background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; {/block:Ifnotrepeatbackground}
  110. cursor:url('http://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), default!important;}
  111.  
  112. #middle{width:500px; {block:PermalinkPage}width:500px;{/block:PermalinkPage} position:relative; margin-left:auto; margin-right:auto; margin-top:0px; padding-bottom:20px;height:auto;overflow:hidden;}
  113.  
  114. #entry{margin-top:90px; margin-left:0px; width:500px; {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  115.  
  116. .posts{margin:0 0 100px 0; float:left; {block:IndexPage}width:500px; position:relative;{/block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage}; transition: 1s ease;}
  117.  
  118. .box {position:relative;}
  119. .box img {display:block; max-width:100%;}
  120. .box iframe{max-width:100%;}
  121.  
  122. a{color:{color:text}; text-decoration:none;}
  123. a:hover{color:{color:text}; text-decoration:none; cursor:url('http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif'), default!important;}
  124.  
  125. h2{text-transform:uppercase; letter-spacing:2px; margin:0 0 -6px 0;}
  126. p{margin:6px 0 0 0}
  127. ul{list-style-type:circle;}
  128. hr{text-align:center; border:none; border-top:1px solid {color:borders}; width:50px;}
  129. blockquote{background:{color:borders}; margin:10px 1px 1px 1px; padding:1px 5px 5px 5px;}
  130.  
  131. #s-m-t-tooltip{max-width:300px; margin:15px; padding:5px 5px; background:{color:background}; border:1px solid {color:borders}; color:{color:text}; z-index:999999; font-size:10px; letter-spacing:1.3px; font-family:lato; text-transform:uppercase;}
  132.  
  133. {block:Ifcustomcontrols}
  134. #tumblr_controls,.tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop{position:fixed!important; -webkit-filter:invert(100%); margin-right:0px!important; display:none; margin-top:0px; opacity:0.4; text-transform:none; {block:PermalinkPage}display:inline-block; margin-right:0px!important;{/block:PermalinkPage} z-index:99999999999999999999999!important;}
  135. {block:PermalinkPage}
  136. .tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop{position:fixed!important;-webkit-filter:invert(100%);opacity:0.4; top:5px!important; margin-right:3px;text-transform:none;display:inline-block;}
  137. {/block:PermalinkPage}
  138. {/block:Ifcustomcontrols}
  139.  
  140. {block:Ifnotcustomcontrols}
  141. #tumblr_controls,.tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop{position:fixed!important;-webkit-filter:invert(100%); opacity:0.4; top:5px!important; margin-right:67px;text-transform:none;display:inline-block; z-index:9999999999999!important;}
  142.  
  143. .cred{font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; font-size:14px; line-height:19px; box-sizing:border-box; background:rgba(68,68,68,0.25); -webkit-filter:invert(100%); opacity:.8; cursor:pointer; padding:5.3px 8px; border-radius:2px; text-decoration: none; right:0px; margin-right:10px; top:0px;margin-top:17px; position:fixed; z-index:99999999;}
  144. .cred a{color:#888!important; font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif; font-size:14px; font-weight:700;line-height:1.4;}
  145. {/block:Ifnotcustomcontrols}
  146.  
  147. .chat ul{padding:0px 0px 0px 0px; margin:0px;}
  148. .chat li{margin-bottom:1px; padding:10px; list-style-type:none;}
  149. .chat li.odd{border-left:1px solid {color:borders}; transition:.5s;}
  150. .chat li.even{border-right:1px solid {color:borders}; transition:.5s;}
  151. span.chats{color:{color:text}; font-size:10px; font-family:Roboto; letter-spacing:1.3px; text-transform:uppercase;}
  152. .chat ul:hover li.odd{border-left:none;border-right:1px solid {color:borders}; transition:.5s;}
  153. .chat ul:hover li.even{border-right:none;border-left:1px solid{color:borders}; transition:.5s;}
  154.  
  155. .base{border-radius:5px; padding:0px; overflow:hidden; float:left; position:relative; {block:indexpage}width:500px;{/block:indexpage} {block:PermalinkPage}width:500px;{/block:PermalinkPage};}
  156. #permalink{width:500px; font-size:10px; font-family:lato; text-transform:uppercase; padding-bottom:5px; margin-left:0px; margin-top:0px; line-height:160%;}
  157. aside.permalink_page {margin-top:30px; margin-bottom:60px;}
  158. ol.notes li.note img.avatar {display:none!important;}
  159. ol.notes {list-style-type:none; margin:0;}
  160. ol.notes li.note{display:block; margin-bottom:5px; padding:5px; margin-left:-35px;}
  161. li.note:nth-child(odd) {background:{color:borders};}
  162. li.note{font-size:8px; letter-spacing:1px; text-transform:uppercase; position:relative;}
  163.  
  164. #permatext{width:300px; margin-top:30px; margin-left:auto; margin-right:auto; height:50px; letter-spacing:1px; position:relative; text-align:center; text-transform:uppercase; font-size:11px; z-index:9; border-top:1px solid {color:borders};}
  165.  
  166. #permatext a{color:{color:text}; text-transform:uppercase; display:block; font-size:10px;}
  167.  
  168. .header__title{position:relative; margin-top:180px; margin-bottom:30px; z-index:99; text-transform:uppercase; width:500px; font-size:44px; font-weight:100; letter-spacing:1px; font-family:lato; text-align:center; margin-left:auto!important; margin-right:auto!important; {block:PermalinkPage}margin-left:auto!important; margin-right:auto!important; width:500px;{/block:PermalinkPage}}
  169.  
  170. .header__subt:hover{color:{color:text};}
  171. .header__title:hover {color:{color:text};}
  172.  
  173. .header__subt{margin-top:20px; width:500px; color:{color:text}; position:relative; z-index:99; text-align:center; margin-left:auto!important; margin-right:auto!important; letter-spacing:.5px; {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  174.  
  175. .header__links{margin-top:200px; margin-right:20px; right:20px; {block:Ifcustomcontrols}margin-right:50px; right:50px;{/block:Ifcustomcontrols} width:100px!important; transition:1s ease; text-align:right; color:{color:text}!important; position:fixed; z-index:99;}
  176.  
  177. .header__links a{display:block; text-align:right; text-transform:uppercase; color:{color:text}; font-family:; font-size:13px; letter-spacing:1.5px; width:90px!important; margin:0 0 5px 0; color:{color:text};}
  178.  
  179. .header__links a:after{content:"•"; padding-left:5px;font-size:27px; color:{color:text};}
  180. .header__links a:before{content:"•";margin-left:-5px; position:absolute; padding-right:5px; font-size:27px; transition:1s ease;}
  181.  
  182. tiitle{margin-left:-50px; position:absolute; transition:1s ease;}
  183.  
  184. .header__links tiitle{width:40px!important; opacity:0; margin-left:10px; transition:margin-left .7s,opacity .5s ease; text-align:right;}
  185. .header__links a:hover tiitle{opacity:1; margin-left:-37px; transition:margin-left .7s,opacity 1.5s ease; color:{color:text};}
  186.  
  187. .header__links a:hover:before{margin-left:-44px; position:absolute; transition:1s ease; color:{color:text};}
  188.  
  189. .header__controls{top:25px; right:15px; transition:1s ease; color:{color:text}; position:fixed; z-index:99;}
  190. .header__controls a{display:inline-block; margin:10px 15px 0px 0px; text-transform:uppercase; color:{color:text}; font-family:Roboto; font-size:11px; letter-spacing:1.5px; border:1px solid {color:borders}; padding:5px 10px 5px 10px; background:{color:background};}
  191.  
  192. .header__social{top:73px; right:15px; {block:Ifnotcustomcontrols}top:53px; margin-right:25px;{/block:Ifnotcustomcontrols} transition:1s ease; color:{color:text}; position:fixed; z-index:999; opacity:1;}
  193. .header__social a i{display:inline-block; line-height:0px; margin:10px 15px 0px 0px; text-transform:uppercase; color:{color:social}; font-family:Roboto; font-size:12px; letter-spacing:1.5px; border:1px solid {color:borders}; padding:10px 10px 10px 10px; background:{color:background}; opacity:.7;}
  194.  
  195. .quote{font-family:{select:font of posts}; line-height:160%; {block:Ifjustifiedposting}text-align:justify;{/block:Ifjustifiedposting} font-size:{text:size posts}px;}
  196. .qsource{text-align:left; margin-top:3px; font-family:PT Sans; letter-spacing:1.5px; text-transform:uppercase; font-size:10px;}
  197.  
  198. .ask{text-align:left; overflow:hidden; border-bottom:1px solid {color:borders}; padding-bottom:15px;}
  199. .ans{margin-top:5px; text-align:left; overflow:hidden;}
  200. .ans img{max-width:100%;}
  201.  
  202. .album{background-repeat: no-repeat; z-index:-1; background-position: center; position: absolute; width:86px; height:86px; background-size:60px; overflow:hidden;}
  203. .album img{width:86px; z-index:-1; height:86px; overflow: hidden; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:.7;}
  204. .album img:hover{-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:1;}
  205. .player{width:10px; height:11px; overflow:hidden; padding:4px 21px 21px 4px; margin-top:27px; margin-left:26px; position:absolute; background-color:{color:background}; opacity: 0.9; z-index: 10; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
  206. .player:hover {opacity:1;}
  207. .track{margin-left:90px; overflow:auto; min-height:80px; max-height:100px; font-family:PT Sans; font-size:10px; padding:3px; text-transform:uppercase; letter-spacing:.5px;}
  208.  
  209. #fundopopup{display:none; opacity:0.9; background:{color:background pop up}; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
  210. .caixapopup{padding-top:0px; text-align:left; display:none; padding:10px; float:left; margin:10px auto:0; position:fixed; top:50%; margin-top:15px; left:25%; z-index:9999999999999999999999; width:700px!important; height:500px; overflow:scroll;}
  211. img.btn_botaodeclose{float:right;margin: -55px -55px 0 0;}
  212. *html #fundopopup{position:absolute;}
  213. *html .caixapopup{position:absolute;}
  214.  
  215. {block:Ifphotosinsepia}
  216. img{-webkit-filter: sepia(0.7); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  217. img:hover{-webkit-filter: sepia(0); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  218. .photoset{-webkit-filter: sepia(0.7); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  219. .photoset:hover{-webkit-filter: sepia(0); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  220. {/block:Ifphotosinsepia}
  221.  
  222. {block:Ifphotosinhuerotate}
  223. img{-webkit-filter: hue-rotate(40deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}img:hover{-webkit-filter: hue-rotate(0deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  224. .photoset{-webkit-filter: hue-rotate(40deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  225. .photoset:hover{-webkit-filter: hue-rotate(0deg); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  226. {/block:Ifphotosinhuerotate}
  227.  
  228. {block:Ifphotosinbrightness}
  229. img{-webkit-filter: brightness(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  230. img:hover{-webkit-filter: brightness(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  231. .photoset{-webkit-filter: brightness(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  232. .photoset:hover{-webkit-filter: brightness(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  233. {/block:Ifphotosinbrightness}
  234.  
  235. {block:Ifphotosincontraste}
  236. img{-webkit-filter: contrast(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  237. img:hover{-webkit-filter: contrast(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  238. .photoset{-webkit-filter: contrast(1.5); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  239. .photoset:hover{-webkit-filter: contrast(1); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  240. {/block:Ifphotosincontraste}
  241.  
  242. {block:Ifphotosinfade}
  243. img{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  244. img:hover{opacity:0.9; -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  245. .photoset{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);}
  246. .photoset:hover{opacity:0.9; -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  247. {/block:Ifphotosinfade}
  248.  
  249. {block:Ifphotosinblackandwhite}
  250. img{-webkit-filter: grayscale(100%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  251. img:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  252. -o-transition:All 1s ease;}
  253. .photoset{-webkit-filter: grayscale(100%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  254. .photoset:hover{-webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  255. -o-transition:All 1s ease;}
  256. {/block:Ifphotosinblackandwhite}
  257.  
  258. {block:Ifphotosinvintage}
  259. img{-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  260. img:hover{-webkit-filter:grayscale(0);}
  261. .photoset {-webkit-filter:grayscale.500; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  262. .photoset:hover{-webkit-filter:grayscale(0);}
  263. {/block:Ifphotosinvintage}
  264.  
  265. b, strong{color:{color:bold};}
  266. i, em{color:{color:bold}; font-family:'Lora', serif;}
  267. s{color:{color:bold};}
  268. u{border-bottom:{color:bold}; color:{color:bold};}
  269. a:link,a:active,a:visited{color:{color:links}; -webkit-transition-duration: .90s;} a:hover{color:{color:links hover};} .vsanna{display:none;}
  270.  
  271. #scrollToTop:link,#scrollToTop:visited{position:fixed; display:none; bottom:200px; right:53px; opacity:.7;}
  272.  
  273. #infscr-loading{position:absolute!important; width:5px!important; height:auto!important; margin-bottom:-16px!important; top:auto!important; bottom:0; left:45%!important; padding-bottom:5px; padding-top:10px; -webkit-filter:grayscale(100%);}
  274.  
  275. #infscr-loading img{width:30px!important;}
  276.  
  277. ::selection{background:{color:selection}; color:{color:bold};}
  278. ::-moz-selection{background:{color:selection}; color:{color:bold};}
  279. @-webkit-keyframes Fade{0%{opacity:0;} 100%{opacity:1;}}
  280.  
  281. ::-webkit-scrollbar{height:1px; width:5px; background:transparent;}
  282. ::-webkit-scrollbar-thumb{background:{color:scrollbar};}
  283.  
  284. .not1{position:absolute; top:49%; display:inline; width:100%; left:0; text-align:center; font-size:15px;}
  285. .not2{position:absolute; top:10%; display:inline; width:100%; left:0; text-align:center; font-size:15px;}
  286.  
  287. .links{text-align:center; text-transform:uppercase; font-family:Roboto; font-size:11px; letter-spacing:.7px;}
  288. .links a{margin:7px;}
  289.  
  290. #search input {font-family:Roboto; font-size:35px; letter-spacing:.5px; text-align:center; width:700px; color:{color:background}; border:0px; padding-bottom:0px; margin-left:auto; margin-right:auto; margin-top:250px;}
  291. #search input[type="text"] {background:transparent; padding:5px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; border-bottom:1px solid #555555;}
  292. #search input[type="text"]:hover {border-bottom:1px solid #333;}
  293. #search input[type="text"]:focus {outline:none;}
  294.  
  295.  
  296. </style>
  297. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  298. </head>
  299. <body>
  300.  
  301. {block:Ifnotcustomcontrols}
  302. <div class="cred"><a href="http://gridly.tumblr.com" title="Theme by Gridly">Theme</a></div>
  303. {/block:Ifnotcustomcontrols}
  304.  
  305. <div class="header__links" style="color:{color:text}">
  306. <a href="{text:Link 1}" title="{text:Link 1 Title}"><tiitle>.001</tiitle></a>
  307. <a href="{text:Link 2}" title="{text:Link 2 Title}"><tiitle>.002</tiitle></a>
  308. <a href="{text:Link 3}" title="{text:Link 3 Title}"><tiitle>.003</tiitle></a>
  309. <a href="{text:Link 4}" title="{text:Link 4 Title}"><tiitle>.004</tiitle></a>
  310. <a href="{text:Link 5}" title="{text:Link 5 Title}"><tiitle>.005</tiitle></a>
  311. <a href="{text:Link 6}" title="{text:Link 6 Title}"><tiitle>.006</tiitle></a>
  312. <a href="http://gridly.tumblr.com" title="Theme by Gridly"><tiitle>.007</tiitle></a>
  313. </div>
  314.  
  315. <div id="middle">
  316.  
  317. <div class="header__title"><a href="/" style="color:{color:text}">{text:title}</a></div>
  318. <div class="header__subt"><a href="/" style="color:{color:text}">@{name}</a></div>
  319.  
  320. {block:IndexPage}
  321. {block:Ifcustomcontrols}
  322. <div class="header__controls">
  323. <a codigopopup="#Aw=900" abrir="search" class="janela" title="search"><i class="uniicons-tool496"></i></a>
  324. <a href="http://tumblr.com/follow/{name}" title="follow"><i class="uniicons-avatar93"></i></a>
  325. <a href="https://www.tumblr.com/message/{name}" title="message" target="_blank"><i class="uniicons-mail22"></i></a>
  326. <a href="https://www.tumblr.com/dashboard" title="dashboard"><i class="uniicons-speed3"></i></a>
  327. <a href="http://gridly.tumblr.com" style="font-size:11px" title="theme by gridly"><i class="uniicons-nation8"></i></a>
  328. </div>
  329. {/block:Ifcustomcontrols}
  330. {block:Ifsocialnetworks}
  331. <div class="header__social">
  332. <a href="{text:twitter}" target="_blank" title="twitter"><i class="oi-twitter"></i></a><br><p>
  333. <a href="{text:facebook}" target="_blank" title="facebook"><i class="oi-facebook"></i></a><br><p>
  334. <a href="{text:heart}" target="_blank" title="heart"><i class="oi-heart"></i></a><p>
  335. <a href="{text:instagram}" target="_blank" title="instagram"><i class="oi-user"></i></a>
  336. </div>
  337. {/block:Ifsocialnetworks}
  338. {/block:IndexPage}
  339.  
  340. <div id="search" class="caixapopup">
  341. <form action="/search" method="get" id="search this blog..." style="text-align:right;"><input type="text" name="q" value="" placeholder="Search…"/></form>
  342. </div>
  343.  
  344.  
  345. <div id="entry">
  346.  
  347. {block:Posts}
  348. <div class="posts">
  349.  
  350. {block:Text}
  351. {block:Title}<div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:center; font-size:11px; font-weight:bold; color:{color:bold};">{Title}</div>
  352. {/block:Title}{Body}
  353. {block:IndexPage}
  354. <div id="permatext">
  355. <a href="{ReblogURL}" class="not1" target="_blank">reblog this text</a>
  356. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  357. </div>
  358. {/block:IndexPage}
  359. {/block:Text}
  360.  
  361. {block:Photo}
  362. {block:IndexPage}
  363. <div class="box">
  364. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/>
  365. </div>
  366. {/block:IndexPage}
  367. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}{/block:PermalinkPage}
  368. {block:IndexPage}
  369. <div id="permatext">
  370. <a href="{ReblogURL}" class="not1" target="_blank">reblog this photo</a>
  371. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  372. </div>
  373. {/block:IndexPage}
  374. {/block:Photo}
  375.  
  376. {block:Photoset}
  377. {block:IndexPage}
  378. <div class="box">
  379. {Photoset-500}
  380. </div>
  381. {/block:IndexPage}
  382. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  383. {block:IndexPage}
  384. <div id="permatext">
  385. <a href="{ReblogURL}" class="not1" target="_blank">reblog this photoset</a>
  386. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  387. </div>
  388. {/block:IndexPage}
  389. {/block:Photoset}
  390.  
  391. {block:Quote}
  392. <div class="quote">{Quote}</div>
  393. {block:Source}
  394. <div class="qsource">{Source}</div>
  395. {/block:Source}
  396. {block:IndexPage}
  397. <div id="permatext">
  398. <a href="{ReblogURL}" class="not1" target="_blank">reblog this quote</a>
  399. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  400. </div>
  401. {/block:IndexPage}
  402. {/block:Quote}
  403.  
  404. {block:Link}
  405. <div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:center; font-size:11px; font-weight:bold; color:{color:bold};"><a href="{URL}" {Target}>{Name}</a></div>
  406. {block:description}{description}{/block:description}
  407. {block:IndexPage}
  408. <div id="permatext">
  409. <a href="{ReblogURL}" class="not1" target="_blank">reblog this link</a>
  410. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  411. </div>
  412. {/block:IndexPage}
  413. {/block:Link}
  414.  
  415. {Block:chat}
  416. {block:Title}<div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:center; font-size:11px; font-weight:bold; color:{color:bold};">{Title}</div>{/block:Title}
  417. <div class="chat">
  418. <ul>
  419. {block:Lines}
  420. <li class="{Alt} u{UserNumber}">{block:Label}<span class="chats">{Label}</span>{/block:Label} {Line}</li>
  421. {/block:Lines}
  422. </ul>
  423. </div>
  424. {block:IndexPage}
  425. <div id="permatext">
  426. <a href="{ReblogURL}" class="not1" target="_blank">reblog this chat</a>
  427. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  428. </div>
  429. {/block:IndexPage}
  430. {/block:chat}
  431.  
  432. {block:Audio}
  433. <div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  434. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  435. <div class="track">
  436. <b>Faixa:</b> {block:TrackName}{TrackName}{/block:TrackName}
  437. <br><b>Artista:</b> {block:Artist}{Artist}{/block:Artist}
  438. <br><b>Albúm:</b> {block:Album} {Album}{/block:Album}
  439. <br><b>Reproduções:</b> {FormattedPlayCount}
  440. </div>
  441. {block:IndexPage}
  442. <div id="permatext">
  443. <a href="{ReblogURL}" class="not1" target="_blank">reblog this audio</a>
  444. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  445. </div>
  446. {/block:IndexPage}
  447. {/block:Audio}
  448.  
  449. {block:Video}
  450. {block:IndexPage}<div class="box">{Video-500}</div>{/block:IndexPage}
  451. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  452. {block:IndexPage}
  453. <div id="permatext">
  454. <a href="{ReblogURL}" class="not1" target="_blank">reblog this video</a>
  455. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  456. </div>
  457. {/block:IndexPage}
  458. {/block:Video}
  459.  
  460. {block:Answer}
  461. <div class="ask">{asker}: {Question}</div>
  462. <div class="ans">{Answer}</div>
  463. {block:IndexPage}
  464. <div id="permatext">
  465. <a href="{ReblogURL}" class="not1" target="_blank">reblog this ask</a>
  466. <a href="{Permalink}" class="not2" target="_blank">permalink</a>
  467. </div>
  468. {/block:IndexPage}
  469. {/block:Answer}
  470.  
  471. <div class="vsanna">
  472. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  473. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  474. {/block:RebloggedFrom}
  475. </div>
  476. {block:PostNotes}
  477. {block:PermalinkPage}
  478.  
  479. <div class="posts">
  480. <div class="base">
  481. {block:Date}
  482. <div id="permalink">
  483. Posted on {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel} at {12hour}:{minutes}{ampm}.
  484. </div>
  485. {/block:Date}
  486.  
  487. {block:RebloggedFrom}
  488. <div id="permalink">
  489. Shared <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a>, original from {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  490.  
  491. <div id="permalink">
  492. <a codigopopup="#Aw=500" abrir="notes" class="janela">Click here to see the notifications!</a></div>
  493. {/block:RebloggedFrom}
  494. {/block:PermalinkPage}
  495. <div id="notes" class="caixapopup">{PostNotes}</div></div>
  496. {/block:PostNotes}
  497. {/block:Posts}
  498.  
  499. {block:IndexPage}
  500. <div class="column navigation" id="navigation">
  501. {block:Pagination}
  502. {block:PreviousPage}
  503. <a href="{PreviousPage}" class="navigate">
  504. {/block:PreviousPage}
  505. {block:PreviousPage}</a>
  506. {/block:PreviousPage}
  507. {block:NextPage}
  508. <a href="{NextPage}" class="navigate" id="nextPage">
  509. {/block:NextPage}
  510. {block:NextPage}</a>{/block:NextPage}
  511. {/block:Pagination}
  512. </div>
  513. {/block:IndexPage}
  514.  
  515. </div></div>
  516. </div></div></div>
  517. </body>
  518.  
  519. {block:Ifgototopbutton}
  520. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  521. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/5u1fog0/9KNmunmb6/white.png" border="0"></a>
  522. {/block:Ifgototopbutton}
  523.  
  524. {block:Ifsnow}
  525. <script src="https://goo.gl/Eb9Vhz"></script>
  526. {/block:Ifsnow}
  527.  
  528. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  529.  
  530. <link rel="stylesheet" type="text/css" href="http://goo.gl/F6c7pZ">
  531. <link rel="stylesheet" type="text/css" href="http://goo.gl/a5mt2U">
  532. <link rel="stylesheet" type="text/css" href="https://goo.gl/2W2ktp">
  533. <link rel="stylesheet" type="text/css" href="https://goo.gl/9S1wnq">
  534. <link rel="stylesheet" type="text/css" href="https://goo.gl/XyrRXU">
  535.  
  536. <link rel="stylesheet" href="https://goo.gl/HLXxEE">
  537. <link rel="stylesheet" href="https://goo.gl/wxkGjk">
  538. <link rel="stylesheet" href="https://goo.gl/7Hdh3T">
  539.  
  540. <script type="text/javascript" src="http://goo.gl/y7lY8A"></script>
  541. <script type="text/javascript" src="http://goo.gl/ukJ2Cf"></script>
  542. <script type="text/javascript" src="http://goo.gl/R2zQCK"></script>
  543. <script type="text/javascript" src="http://goo.gl/AGLNrG"></script>
  544. <script type="text/javascript" src="http://goo.gl/KEk7xO"></script>
  545. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  546. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  547.  
  548. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:200,tip_fade_speed:300});});})(jQuery);</script>
  549. <script language="javascript">function clickIE() {if (document.all) {(mensagem);return false;}}function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {if (e.which==2||e.which==3) {alert(mensagem);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextgabi3=clickIE;}
  550. document.oncontextgabi3=new Function("return false")</script>
  551.  
  552. <script type="text/javascript" src="https://goo.gl/iPlMXG"></script>
  553. <script type="text/javascript" src="https://goo.gl/tgXU"></script>
  554. <script type="text/javascript" src="https://goo.gl/XxBNQ"></script>
  555. <script type="text/javascript" src="https://goo.gl/6SrjHy"></script>
  556. <script type="text/javascript" src="https://goo.gl/a38igb"></script>
  557. <script type="text/javascript" src="https://goo.gl/ijePnG"></script>
  558.  
  559. <link href="https://goo.gl/ZS67Rb" rel="stylesheet" type="text/css"/>
  560. <link href="https://goo.gl/dxF5Xj" rel="stylesheet" type="text/css"/>
  561.  
  562. <script>$(function(){
  563. var $container = $('#entry');
  564. $container.imagesLoaded(function(){
  565. $container.masonry({
  566. itemSelector: '.posts',
  567. columnWidth: 0
  568. });
  569. });
  570. $container.infinitescroll({
  571. navSelector : "div#navigation",
  572. nextSelector : "div#navigation a#nextPage",
  573. itemSelector : '.posts',
  574. loadingImg : "http://i.imgur.com/hS1U2T5.gif",
  575. loadingText : " ",
  576. loading: {
  577. finishedMsg: ' ',
  578. img: 'http://i.imgur.com/hS1U2T5.gif'
  579. }
  580. },
  581. function( newElements ) {
  582. var $newElems = $( newElements ).css({ opacity: 0 });
  583. $newElems.imagesLoaded(function(){
  584. $newElems.animate({ opacity: 1 });
  585. $container.masonry( 'appended', $newElems, true );
  586. });
  587. }
  588. );
  589.  
  590. });
  591. </script>
  592. </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!