API tools faq
paste
Advertisement
buckygyllenhaal

Theme Hey (12)

buckygyllenhaal
Jan 31st, 2015
1,691
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6. <!-----
  7.  
  8. theme by buckygyllenhaal ©
  9. ● respect my work, do not remove the credits.
  10. ● do not use as a basis.
  11.  
  12. ------>
  13.  
  14.  
  15.  
  16. <head>
  17. <title>{title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <meta name="image:image" content="http://38.media.tumblr.com/dc297ee1552c9ea4b0ea120d82fedd48/tumblr_nbuo8d4Wd11rmb1bpo4_250.gif"/>
  22.  
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:90,
  31. tip_fade_speed:600,
  32. attribute:"title"
  33. });
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38. <meta name="color:Background01" content="#fee8ed"/>
  39. <meta name="color:Background02" content="#fdf5d6"/>
  40.  
  41.  
  42. <meta name="text:Link" content="/" />
  43. <meta name="text:Link Title" content="link" />
  44. <meta name="text:Link1" content="/" />
  45. <meta name="text:Link1 Title" content="link" />
  46. <meta name="text:Link2" content="/" />
  47. <meta name="text:Link2 Title" content="link" />
  48. <meta name="text:Link3" content="/" />
  49. <meta name="text:Link3 Title" content="link" />
  50. <meta name="text:Link4" content="/" />
  51. <meta name="text:Link4 Title" content="lin" />
  52.  
  53.  
  54. <style>
  55. ::-webkit-scrollbar-thumb {height:auto;background-color: #ccc;border: 2px solid #fff;}
  56. ::-webkit-scrollbar {height:9px;width:9px;background-color: #ccc;border: 4px solid #fff;}
  57.  
  58.  
  59. /* --- ESSENCIAL --- */
  60. .container {height:auto}
  61. .container:before, .container:after {content: " ";display: table;}
  62. .container:after {clear: both;}
  63. .container .row {*zoom: 1;display: block;}
  64. .container .row:before, .container .row:after {content: " ";display: table;}
  65. .container .row:after {clear: both;}
  66.  
  67. #controls-container {color: white;position: fixed;top: 5px;left: 5px;font: 13px/1.1 "Helvetica Neue", Tahoma, Verdana;background: rgba(0, 0, 0, 0.7);padding: 5px;z-index: 1000;opacity: 0.2;}
  68. #controls-container:hover {opacity: 1;}
  69. #controls-container input {display: block;}
  70.  
  71. .table {display: table;}
  72. .table .row {display: table-row;}
  73. .table .cell {display: table-cell;}
  74.  
  75. .fullwidth {width: 100%;}
  76. .middle {vertical-align: middle;}
  77.  
  78. .fr {float: right;}
  79. .fl {float: left;}
  80.  
  81. .unstyled {margin: 0;padding: 0;list-style:none;}
  82. ul.table > li {display: table-cell;}
  83. .illustration {padding: 0.1em 1em;}
  84.  
  85.  
  86.  
  87. /* --- CORPO --- */
  88. body {font-family: 'Signika Negative', sans-serif;color: #666;font-size:10px;padding: 0;margin: 0;background: -webkit-gradient(linear, left top, left bottom, from({color:Background01}), to({color:Background02}));background-attachment: fixed;
  89. background-repeat: ;}
  90.  
  91.  
  92. /* --- MUITO IMPORTANTE - POSTS E POSICIONAMENTO --- */
  93. #posts {left:155px;width:500px;position:absolute;margin:0 auto;padding:10px;height:auto;top:-50px;padding-bottom:-500px;margin-top:-130px;}
  94. .entries {margin-bottom:85px;background:#fff;padding:20px 20px 20px 20px; border-radius: 0.3rem;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);margin-bottom: 30px;width:500px;font-size:12px;}
  95. #posts img {max-width:500px;}
  96. #footer {margin:0;clear:both;padding:10px;bottom:0;position:fixed;width:-50%;background:{color:background};width:-680px;}
  97. #footer .wrap {margin:0 auto;}
  98. #chi {left:44%;margin-left:-200px;position:absolute;top:190px;}
  99.  
  100.  
  101.  
  102. /* --- PERSONALIZAÇÃO --- */
  103. b, strong {color:#858585;}
  104. i, em, italic {color:#858585;}
  105. a:link, a:active, a:visited {text-decoration:none;color:#858585;}
  106. u {text-decoration:underline;}
  107. pre {-webkit-background-clip:initial;-webkit-background-origin:initial;
  108. background-attachment:initial;background-color:#FFF;
  109. background:#fafafa;background-position:0 0;background-repeat:no-repeat;color:#858585;display:block;font-size:12px;font:normal normal normal 1em/normal 'Ubuntu Mono', monospace;line-height:17px;overflow-x:auto;overflow-y:auto;text-align:left;border-color:#fafafa;border-style:solid;border-width:1px;margin:1em 0;padding:0 20px 0 30px;overflow:auto;}
  110. li {text-transform:square;}
  111. small {font-size:10px;}
  112. sub {font-size:10px;}
  113. blockquote {border-left: 1px solid #CCC; color: #474747; margin-right: 4px; padding:5px; margin-left: 5px; padding: 2px; margin-top:10px; overflow: hidden; margin-bottom: 7px;text-align:left;padding-left:10px;}
  114. .titles {font-size:15px;font-family: 'Source Sans Pro', Calibri, Arial, sans-serif;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}
  115.  
  116.  
  117.  
  118. /* --- SITAÇÕES --- */
  119. .post_quote {padding:5px;background:#fafafa; }
  120. .quotes {font-size:120px;background:#transparent;color:#bbbbbb;font-family:'Keania One', arial; }
  121. .quote {color:#a5a5a5;margin-left:40px;font-size:14px;font-weight:bold;font-style:italic; }
  122. .source {margin-top:5px;text-align:right;letter-spacing:1px;text-transform:uppercase;font-size:8px; }
  123.  
  124.  
  125.  
  126. /* --- QUESTÕES --- */
  127. .question {background:#f8f8f8;padding:10px;}
  128. .ask {font-size:12px;}
  129.  
  130.  
  131. /* --- CHAT --- */
  132. .user_1 { background-color:#fcfcfc;padding:5px; }
  133. .user_2 { background-color:#f9f9f9;padding:5px; }
  134. .user_3 { background-color:#fcfcfc;padding:5px; }
  135. .user_4 { background-color:#f9f9f9;padding:5px; }
  136. .user_5 { background-color:#fcfcfc;padding:5px; }
  137. .user_6 { background-color:#f9f9f9;padding:5px; }
  138. .user_7 { background-color:#fcfcfc;padding:5px; }
  139. .user_8 { background-color:#f9f9f9;padding:5px; }
  140. .user_9 { background-color:#fcfcfc;padding:5px; }
  141. .user_10 { background-color:#f9f9f9;padding:5px; }
  142.  
  143.  
  144.  
  145.  
  146. /* --- PERMALINKS --- */
  147. .notes li {font-size:8px;text-transform:uppercase;margin-right:0px;padding:5px;background:#fcfcfc;border-bottom:1px solid #eaeaea; }
  148. .notes li:hover {background:#fafafa;}
  149. .notes img { display:none;}
  150.  
  151.  
  152.  
  153.  
  154. /* --- AUDIO --- */
  155. .audio {height:60px;padding:5px;margin-bottom:5px; }
  156. .audio-album {position:absolute;width:60px; }
  157. .audio-player {opacity:0.6;filter:alpha(opacity=60);border:2px solid #f2f2f2;width:25px;height:25px;overflow:hidden;position:absolute;
  158. z-index:2;margin-left:15px;margin-top:15px; }
  159. .audio-info {margin-top:-10px;position:relative;margin-left:70px;padding:5px;}
  160.  
  161.  
  162.  
  163. /* --- s-m-t-tooltip --- */
  164. #s-m-t-tooltip {
  165. max-width:300px;
  166. padding:2px 4px;
  167. margin:20px 0px 0px 20px;
  168. height:auto;
  169. background-color:{color:hover};
  170. font-family:calibri;
  171. font-size:9px;
  172. letter-spacing:1px;
  173. text-transform:uppercase;
  174. color:#fff;
  175. z-index:999999999999999999999999999999999999;}
  176.  
  177.  
  178.  
  179. /* --- ifWhitefollowbutton --- */
  180. iframe#tumblr_controls {right:3px !important;position: fixed !important;-webkit-filter:invert(100%);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;opacity: 0.3;}
  181. iframe#tumblr_controls:hover {right:3px !important;position: fixed !important;-webkit-filter:invert(100%);opacity: 0.7;}
  182.  
  183.  
  184.  
  185. /* --- NOTES --- */
  186. .postdata {margin-top:20px;width:100%;padding:10px;font-family: 'Signika Negative', sans-serif;background:#fff;border-top:1px solid #eee;margin-left:-10px;}
  187.  
  188. .postdata-3 {float:center;padding:5px;margin-top:-12px;font-size:8px;background:#;text-transform:uppercase;border-radius: 0.3rem;padding-top:10px;line-height:12px;}
  189. .tags {background:#fff;padding:0px;margin-left:auto;margin-right:auto;width:99%;border-radius:5px;padding:6px;margin-top:-20px;}
  190. .tags a {color:#858585;font-size:8px;letter-spacing:1.2px;}
  191. #liked {opacity:0.7;display:inline-block;margin-top:-1px;padding:2px;}
  192. #liked:hover {opacity:1;}
  193.  
  194.  
  195.  
  196. /* --- PAGINAÇÃO --- */
  197. .pagination {padding:5px; font-size:9px; margin-top:-10px;margin-bottom:20px;}
  198. .paginations a:hover { border-bottom:0px; }
  199. .numbers {padding:8px;font-family:arial;background:#ccc;color:#fff;font-weight:bold;border-radius:5px; margin-right:5px;}
  200. .pages { margin-right:4px; background:#fff; padding:6px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
  201.  
  202.  
  203.  
  204. /* --- SUPER SIDEBAR --- */
  205. .card {width:280px;margin-left:-176px;background: #fff;height:auto;border-radius: 0.3rem;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);margin-bottom: 1em;position:fixed;}
  206. .user-card h1 {color:#858585; padding-top:12px;text-transform:uppercase;font-size:12px;font-family: 'Ubuntu Condensed', sans-serif;text-align:center;padding-bottom:2px;border-bottom:1px solid #eee;margin-bottom:10px;}
  207. .user-card header, .user-card .status {text-align: center;padding: 0 1.5em; }
  208. .user-card header h1 {margin-top: 0.35em;margin-bottom: 0; }
  209. .user-card .status {padding-bottom:10px;color: #75787b;text-align:justify;font-size: 11px;}
  210. .user-card .status img {-webkit-filter:grayscale(100%);width:245px;border-radius: 0.3rem;}
  211. .user-card .stats {margin-bottom: 0;padding: 0;margin-top:0px;list-style: none;display: table;width: 100.15%;}
  212. .user-card .stats li{margin: 0;padding: 0;width: 33.33334%;display: table-cell;text-align: center;border-left: 0.1em solid transparent;}
  213. .user-card .stats li:first-child {border-left: 0;}
  214. .user-card .stats li:first-child a {border-bottom-left-radius: 0.3rem;}
  215. .user-card .stats li:last-child a {border-bottom-right-radius: 0.3rem;}
  216. .user-card .stats li a, .user-card .stats li strong {display: block;}
  217. .user-card .stats li a {background: #f7f7f7;padding: 1em 0;color: #fff;}
  218. .user-card .stats li a strong, .user-card .stats li a span {font-weight: 600;line-height: 1; }
  219. .user-card .stats li a bb {color: #fff;text-shadow:-1px -1px 0 #B03060, 1px -1px 0 #B03060, -1px 1px 0 #B03060, 1px 1px 0 #B03060, 2px 2px 0 #fff, 1px 1px 0 #fff, 1px 1px 0 #fff, 1px 1px 0 #fff;}
  220. .user-card .stats li a strong {font-size: 2em;}
  221. .user-card .stats li a span {color: #717a7e;}
  222. .user-card .stats li a:hover {background: rgba(0, 0, 0, 0.05);color:#ec4973;}
  223. .user-card .stats li a:hover span {color: #B03060;}
  224. .bordas{float:left; border:5px;margin-bottom:4px; margin-right:5px; margin-left:1px; margin-bottom:-3px;border-radius: 0.3rem;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
  225. chi {font-size:8.5px;margin-right:0px;margin-bottom:7px;padding:5px;background:{color:background};border-bottom:1px solid {color:Border};margin-top:-3px;text-transform:uppercase;display:inline-block;width:207px;}
  226.  
  227.  
  228.  
  229. .main-menu ul li {color:transparent;border-bottom: 0.1em solid #ebebeb;}
  230. .main-menu ul li .icon {display: block;float: left;font-size: 1.40em;width: 1em;height: 1em;margin-right: 1em;text-align: center; }
  231. .main-menu ul li:first-child a {border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
  232. .main-menu ul li:last-child {border-bottom: 0;}
  233. .main-menu ul li:last-child a {border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}
  234. .main-menu ul li a {display: block;padding: 1em;color: #46494c;}
  235.  
  236. .main-menu ul li a .badge {color: white;min-width: 3em;padding: 0.4em 0.8em 0.3em;border-radius: 2em;font-size: 0.8em;text-align: center;display: block;float: right;vertical-align: middle;background: rgba(0, 0, 0, 0.2); }
  237. .main-menu ul li a .badge.green {background: #fa8c9d;}
  238. .main-menu ul li a .title {font-weight:600;font-size: 1.2em;margin-top:0.1em;}
  239. .main-menu ul li.orange {background: #fbb1bc;}
  240. .main-menu ul li.orange > a {background: #fa8c9d;border-bottom: 0.1em solid #f58394;}
  241. .main-menu ul li.orange a {color: white;}
  242. .main-menu ul li > ul {padding: 0.5em 0;}
  243. .main-menu ul li > ul lii {border-bottom: 0;}
  244. .main-menu ul li > ul a {opacity: 0.75;padding: 0.5em 1em;}
  245. .main-menu ul li > ul a:hover {opacity: 1;}
  246. .main-menu ul li > ul .title {font-size: 1em;font-weight: 400;}
  247.  
  248. #links{text-align:center;padding:4px 4px 4px 4px;
  249. margin-top:7px;list-style:none;margin-bottom:5px;
  250. background:#f7f7f7;}
  251. #links a {margin-bottom:5px;color:#696969;
  252. line-height:10px;text-decoration:none;
  253. margin:0 5px;display:inline-block;font-size:8px;
  254. letter-spacing:1px;text-transform:uppercase;}
  255.  
  256.  
  257. /*# sourceMappingURL=style.css.map */
  258. </style>
  259. <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
  260. <meta name="viewport" content="initial-scale=1.0">
  261. <div id="chi">
  262. <div class="col-lg-8 col-md-6 col-sm-12"><div class="container">
  263. <div class="col-lg-6 col-md-12 col-sm-12">
  264. <div class="user-card card">
  265. <header>
  266. <h1>{title}</h1>
  267. </header><br>
  268. <div class="status"><img src="{image:image}"/>
  269.  
  270. <div id="links">
  271. {block:ifLink}<a href="{text:Link}">{text:Link Title}</a>{/block:ifLink}
  272. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  273. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  274. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  275. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  276. <a href="http://buckygyllenhaal.tumblr.com">theme </a>
  277. </div>
  278.  
  279. {Description}</div>
  280.  
  281. </div>
  282.  
  283.  
  284.  
  285. <div id="posts">
  286. {block:Posts}
  287. <div class="entries">
  288. {block:Text}
  289. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  290. {Body}{/block:Text}{block:Photo}
  291.  
  292. <div class="photo">
  293. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  294. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  295. </div>{/block:Photo}{block:Photoset}<div class="post_photoset">
  296. <div class="photoset"><div class="move">{Photoset-500}</div></div>
  297. {block:Caption}
  298. <div class="caption">{Caption}</div>
  299. {/block:Caption}
  300. </div>
  301. {/block:Photoset}
  302.  
  303.  
  304. {block:Quote}
  305. <div class="post_quote">
  306. <div class="quote">{Quote}</div>
  307. {block:Source}
  308. <div class="source">{Source}</div>
  309. {/block:Source}
  310. </div>
  311. {/block:Quote}
  312.  
  313. {block:Link}
  314. <div class="post_link">
  315. <a href="{URL}" class="title" {Target}>{Name}</a>
  316. {block:Description}
  317. <div class="description">{Description}</div>
  318. {/block:Description}
  319. </div>
  320. {/block:Link}
  321. {block:Chat}
  322. <div class="post_chat">
  323. {block:Title}
  324. <h3><a href="{Permalink}">{Title}</a></h3>
  325. {/block:Title}
  326.  
  327. <ul class="chat">
  328. {block:Lines}
  329. <li class="{Alt} user_{UserNumber}">
  330. {block:Label}
  331. <span class="label">{Label}</span>
  332. {/block:Label}
  333.  
  334. {Line}</li>{/block:Lines}
  335. </ul></div>{/block:Chat}
  336.  
  337. {block:Video}
  338. <div class="post_video">
  339. {Video-500}{block:Caption}
  340. <div class="caption">{Caption}</div>
  341. {/block:Caption}</div>{/block:Video}
  342.  
  343. {block:Audio}
  344. <div class="audio">
  345. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  346. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  347. <div class="audio-info">
  348. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  349. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  350. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  351. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  352. </div></div>
  353. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  354. {/block:Audio}
  355.  
  356. {block:Answer}
  357. <div class="ask"><div style="color: #858585; padding: 4px;background-color: #f7f7f7; text-transform: none;"><table><td><img src="{AskerPortraitURL-30}" style="border: 3px solid #fff; margin: 1px; margin-right: 5px;-webkit-filter:grayscale(100%);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);"></td><td><font style="font-size: 9px; text-transform: uppercase; width: 64px; line-height: 30%; margin-top: -10px; letter-spacing: 1px;color:#000"> {Asker}: </font><br><font style="text-transform: lowercase;font-size: 11px;color:#777">
  358. {Question}</font></td></table>
  359. </div><div style="margin-left: 0px; margin-top: -5px;">
  360. {Answer}</div></div>
  361. {/block:Answer}
  362.  
  363. <div class="postdata">
  364.  
  365. <div class="postdata-3">
  366. <span class="icon icon-thumbs-up-alt"></span> <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;♦&nbsp;&nbsp;<a href="{ReblogURL}">reblog</a>&nbsp;&nbsp;♦&nbsp;&nbsp;{block:Date}<u>{DayOfMonthWithZero}{ShortMonth}{ShortYear}</u>{/block:Date} </div></div>
  367. {block:HasTags} <div class="tags">{block:Tags}<span class="taghead"></span><a class="tag" href="{TagURL}"><font style="line-height:11px;">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;</font>{/block:Tags}</div>{/block:HasTags}
  368. {block:PostNotes}{PostNotes}{/block:PostNotes}
  369. </div>{/block:Posts}
  370.  
  371.  
  372. <div class="pagination">{block:Pagination}
  373. <span class="numbers">{CurrentPage} of {TotalPages}</span>
  374. {block:JumpPagination length="12"}
  375. {block:CurrentPage}
  376. <span class="pages">{PageNumber}</span>
  377. {/block:CurrentPage}
  378. {block:JumpPage}
  379. <a class="pages" href="{URL}">{PageNumber}</a>
  380. {/block:JumpPage}
  381. {/block:JumpPagination}
  382. {block:NextPage}
  383. <span class="pages"><a href="{NextPage}">next</a></span>
  384. {/block:NextPage}
  385. {/block:Pagination}
  386.  
  387.  
  388.  
  389. </div></div></div>
  390. </div></div></div>
  391. </div></div></div>
  392. </div></div></div>
  393. </div></div></div>
  394. </div></div></div>
  395. <div class="footer"></div>
  396.  
  397.  
  398. <script type="text/javascript">
  399. window.onload = function() {
  400. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  401. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  402. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  403. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  404. }
  405. </script></body></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!