buckygyllenhaal

Theme Decore 0.1.2 (8)

Jan 12th, 2015
1,934
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.01 KB | None | 0 0
  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"><head>
  3.  
  4.  
  5. <!-----
  6.  
  7. theme by buckygyllenhaal ©
  8. ● respect my work, do not remove the credits.
  9. ● do not use as a basis.
  10.  
  11. ------>
  12.  
  13.  
  14.  
  15. <head>
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <meta name="text:frase" content="we are the waiting unknown."/>
  21. <meta name="text:n1" content="100"/>
  22. <meta name="text:n2" content="180"/>
  23. <meta name="text:n3" content="240"/>
  24. <meta name="text:n1text" content="themes"/>
  25. <meta name="text:n2text" content="packs"/>
  26. <meta name="text:n3text" content="psds"/>
  27. <meta name="text:Link" content="/" />
  28. <meta name="text:Link Title" content="link 01" />
  29. <meta name="text:Link1" content="/" />
  30. <meta name="text:Link1 Title" content="link 02" />
  31. <meta name="text:Link2" content="/" />
  32. <meta name="text:Link2 Title" content="link 03" />
  33. <meta name="text:Link3" content="/" />
  34. <meta name="text:Link3 Title" content="link 04" />
  35. <meta name="text:Link4" content="/" />
  36. <meta name="text:Link4 Title" content="link 05" />
  37. <link href='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
  38. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,400italic,700italic' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
  40.  
  41. <style>
  42. ::-webkit-scrollbar-thumb {height:auto;background-color:#f38ba8;border: 2px solid #fff;}
  43. ::-webkit-scrollbar {height:9px;width:9px;background-color:#f38ba8;border: 4px solid #fff;}
  44.  
  45.  
  46.  
  47. /* --- ESSENCIAL --- */
  48. .container {height:auto}
  49. .container:before, .container:after {content: " ";display: table;}
  50. .container:after {clear: both;}
  51. .container .row {*zoom: 1;display: block;}
  52. .container .row:before, .container .row:after {content: " ";display: table;}
  53. .container .row:after {clear: both;}
  54.  
  55. #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;}
  56. #controls-container:hover {opacity: 1;}
  57. #controls-container input {display: block;}
  58.  
  59. .table {display: table;}
  60. .table .row {display: table-row;}
  61. .table .cell {display: table-cell;}
  62.  
  63. .fullwidth {width: 100%;}
  64. .middle {vertical-align: middle;}
  65.  
  66. .fr {float: right;}
  67. .fl {float: left;}
  68.  
  69. .unstyled {margin: 0;padding: 0;list-style:none;}
  70. ul.table > li {display: table-cell;}
  71. .illustration {padding: 0.1em 1em;}
  72.  
  73.  
  74.  
  75. /* --- CORPO --- */
  76. body, html {background:#f7f7f7;background-attachment:fixed; background-repeat:repeat; background-attachment: fixed;font-family: 'Signika Negative', sans-serif;color: #46494c;font-size:10px;padding: 0;margin: 0;}
  77.  
  78.  
  79. /* --- MUITO IMPORTANTE - POSTS E POSICIONAMENTO --- */
  80. #posts {left:155px;width:500px;position:absolute;margin:0 auto;padding:10px;height:auto;top:-80px;padding-bottom:-500px;margin-top:-3px;}
  81. .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;}
  82. #posts img {max-width:500px;}
  83. #footer {margin:0;clear:both;padding:10px;bottom:0;position:fixed;width:-50%;background:{color:background};width:-680px;}
  84. #footer .wrap {margin:0 auto;}
  85. #chi {left:44%;margin-left:-200px;position:absolute;top:100px;}
  86.  
  87.  
  88.  
  89. /* --- PERSONALIZAÇÃO --- */
  90. b {color:#f38ba8;}
  91. i, em, italic {color:#696969;}
  92. a:link, a:active, a:visited {text-decoration:none;color:#333;}
  93. u {text-decoration:none}
  94. pre {-webkit-background-clip:initial;-webkit-background-origin:initial;
  95. background-attachment:initial;background-color:#FFF;
  96. 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;}
  97. li {text-transform:square;}
  98. small {font-size:10px;}
  99. sub {font-size:10px;}
  100. 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;}
  101. .titles {font-size:15px;font-family: 'Source Sans Pro', Calibri, Arial, sans-serif;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}
  102.  
  103.  
  104.  
  105. /* --- SITAÇÕES --- */
  106. .post_quote {padding:5px;background:#fafafa; }
  107. .quotes {font-size:120px;background:#transparent;color:#bbbbbb;font-family:'Keania One', arial; }
  108. .quote {color:#a5a5a5;margin-left:40px;font-size:14px;font-weight:bold;font-style:italic; }
  109. .source {margin-top:5px;text-align:right;letter-spacing:1px;text-transform:uppercase;font-size:8px; }
  110.  
  111.  
  112.  
  113. /* --- QUESTÕES --- */
  114. .question {background:#f8f8f8;padding:10px;}
  115. .ask {font-size:12px;}
  116.  
  117.  
  118. /* --- CHAT --- */
  119. .user_1 { background-color:#fcfcfc;padding:5px; }
  120. .user_2 { background-color:#f9f9f9;padding:5px; }
  121. .user_3 { background-color:#fcfcfc;padding:5px; }
  122. .user_4 { background-color:#f9f9f9;padding:5px; }
  123. .user_5 { background-color:#fcfcfc;padding:5px; }
  124. .user_6 { background-color:#f9f9f9;padding:5px; }
  125. .user_7 { background-color:#fcfcfc;padding:5px; }
  126. .user_8 { background-color:#f9f9f9;padding:5px; }
  127. .user_9 { background-color:#fcfcfc;padding:5px; }
  128. .user_10 { background-color:#f9f9f9;padding:5px; }
  129.  
  130.  
  131.  
  132.  
  133. /* --- PERMALINKS --- */
  134. .notes li {font-size:8px;text-transform:uppercase;margin-right:0px;padding:5px;background:#fcfcfc;border-bottom:1px solid #eaeaea; }
  135. .notes li:hover {background:#fafafa;}
  136. .notes img { display:none;}
  137.  
  138.  
  139.  
  140.  
  141. /* --- AUDIO --- */
  142. .audio {height:60px;padding:5px;margin-bottom:5px; }
  143. .audio-album {position:absolute;width:60px; }
  144. .audio-player {opacity:0.6;filter:alpha(opacity=60);border:2px solid #f2f2f2;width:25px;height:25px;overflow:hidden;position:absolute;
  145. z-index:2;margin-left:15px;margin-top:15px; }
  146. .audio-info {margin-top:-10px;position:relative;margin-left:70px;padding:5px;}
  147.  
  148.  
  149.  
  150.  
  151.  
  152. /* --- ifWhitefollowbutton --- */
  153. 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;}
  154. iframe#tumblr_controls:hover {right:3px !important;position: fixed !important;-webkit-filter:invert(100%);opacity: 0.7;}
  155.  
  156.  
  157.  
  158. /* --- NOTES --- */
  159. .postdata {margin-top:20px;width:100%;padding:10px;font-family: 'Signika Negative', sans-serif;background:#f5f5f5;border-radius:5px;margin-left:-10px;}
  160. .postdata-1 {width:40px;height:18px;padding-right:2px;float:left;}
  161. .postdata-2 {float:left;color:{color:date};width:42px;font-size:9px;height:10pxmargin-top:2px;text-transform:uppercase;display:block;}
  162. .postdata-2 a {font-size:9px;height:8px;margin-top:-2px;padding-bottom:2px;text-transform:uppercase;display:block;color:#777;}
  163. .postdata-3 {float:right;padding:0px;margin-top:-12px;font-size:8px;background:#;text-transform:uppercase;border-radius: 0.3rem;}
  164. .tags {background:#feedf2;padding:0px;margin-left:auto;margin-right:auto;width:97%;border-radius:5px;padding:6px;margin-top:6px;}
  165. .tags a {color:#777;font-size:8px;letter-spacing:1.2px;}
  166. #liked {opacity:0.7;display:inline-block;margin-top:-1px;padding:2px;}
  167. #liked:hover {opacity:1;}
  168.  
  169.  
  170.  
  171. /* --- PAGINAÇÃO --- */
  172. .pagination {padding:5px; font-size:9px; margin-top:-10px;margin-bottom:20px;}
  173. .paginations a:hover { border-bottom:0px; }
  174. .numbers {padding:8px;font-family:arial;background:#f38ba8;color:#fff;font-weight:bold;border-radius:5px; margin-right:5px;}
  175. .pages { margin-right:4px; background:#fff; padding:6px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
  176.  
  177.  
  178.  
  179. /* --- SUPER SIDEBAR --- */
  180. #side {position:fixed}
  181. .card {width:250px;margin-left:-110px;background: #fff;height:auto;border-radius: 0.3rem;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);margin-bottom: 1em;position:relative}
  182.  
  183. .user-card h1 {color:#f38ba8; padding-top:10px;text-transform:uppercase;font-size:18px;font-family: 'Ubuntu Condensed', sans-serif;text-align:center;margin-bottom:0px;}
  184. .user-card header, .user-card .status {text-align: center;padding: 0 1.5em; }
  185. .user-card header h1 {margin-top: 0.35em;margin-bottom: 0; }
  186. .user-card .status {padding-bottom:5px;color: #858585;text-align:justify;font-size: 11px;}
  187. .user-card .stats {margin-bottom: 0;padding: 0;margin-top:0px;list-style: none;display: table;width: 100.15%;}
  188. .user-card .stats li{margin: 0;padding: 0;width: 33.33334%;display: table-cell;text-align: center;border-left: 0.1em solid transparent;}
  189. .user-card .stats li:first-child {border-left: 0;}
  190. .user-card .stats li:first-child a {border-bottom-left-radius: 0.3rem;}
  191. .user-card .stats li:last-child a {border-bottom-right-radius: 0.3rem;}
  192. .user-card .stats li a, .user-card .stats li strong {display: block;}
  193. .user-card .stats li a {background: #f7f7f7;padding: 1em 0;color: #777;}
  194. .user-card .stats li a strong, .user-card .stats li a span {font-weight: 600;line-height: 1; }
  195. .user-card .stats li a strong {font-size: 2em;}
  196. .user-card .stats li a span {color: #717a7e;}
  197.  
  198.  
  199. .main-menu ul li {color:transparent;border-bottom: 0.1em solid #ebebeb;position:relative}
  200. .main-menu ul li .icon {display: block;float: left;font-size: 1.40em;width: 1em;height: 1em;margin-right: 1em;text-align: center; }
  201. .main-menu ul li:first-child a {border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
  202. .main-menu ul li:last-child {border-bottom: 0;}
  203. .main-menu ul li:last-child a {border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}
  204. .main-menu ul li a {display: block;padding: 1em;color: #46494c;}
  205. .main-menu ul li a:hover {color: #1c84d4;}
  206. .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); }
  207. .main-menu ul li a .badge.green {background: #f38ba8;}
  208. .main-menu ul li a .title {font-weight:600;font-size: 1.2em;margin-top:0.1em;}
  209. .main-menu ul li.orange {background: #6cc47e;}
  210. .main-menu ul li.orange > a {background: #f38ba8;border-bottom: 0.1em solid #e97696;}
  211. .main-menu ul li.orange a {color: white;}
  212. .main-menu ul li > ul {padding: 0.5em 0;}
  213. .main-menu ul li > ul lii {border-bottom: 0;}
  214. .main-menu ul li > ul a {opacity: 0.75;padding: 0.5em 1em;}
  215. .main-menu ul li > ul a:hover {opacity: 1;}
  216. .main-menu ul li > ul .title {font-size: 1em;font-weight: 400;}
  217.  
  218.  
  219. </style>
  220.  
  221.  
  222. <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
  223. <meta name="viewport" content="initial-scale=1.0">
  224.  
  225. <div id="chi">
  226.  
  227. <div id="side">
  228. <div class="col-lg-8 col-md-6 col-sm-12"><div class="container">
  229. <div class="col-lg-6 col-md-12 col-sm-12">
  230. <div class="user-card card">
  231.  
  232. <header>
  233. <h1>{title}</h1>
  234. <div class="status"><center>{text:frase}</center></div></header>
  235. <div class="status">{Description}</div>
  236. <ul class="stats">
  237. <li><a><strong>{text:n1}</strong><span>{text:n1text}</span></a></li>
  238. <li><a><strong>{text:n2}</strong><span>{text:n2text}</span></a></li>
  239. <li><a><strong>{text:n3}</strong><span>{text:n3text}</span></a></li>
  240. </ul></div></div></div>
  241.  
  242.  
  243.  
  244.  
  245.  
  246. <div class="col-lg-12"><div class="main-menu card"><ul class="unstyled">
  247.  
  248. <li><a href="/"><span class="icon icon-home"></span>
  249. <div class="title">Home</div></a>
  250.  
  251. <li class="orange"><a href="/ask"><span class="icon icon-envelope"></span>
  252. <div class="badge">TELL ME YOU WISH?</div>
  253. <div class="title">Message</div></a>
  254. </li>
  255.  
  256. <li><a href="/archive"><span class="icon icon-folder-open"></span>
  257. <div class="title">Archive</div></a></li>
  258.  
  259. {block:ifLink}<li><a href="{text:link}"><span class="icon icon-edit"></span>
  260. <div class="badge green">100%</div>
  261. <div class="title">{text:link Title}</div></a></li>{block:ifLink}
  262.  
  263.  
  264. {block:ifLink1}<li><a href="{text:link1}"><span class="icon icon-bolt"></span>
  265. <div class="title">{text:link1 Title}</div></a>{/block:ifLink1}
  266.  
  267. {block:ifLink2}<li><a href="{text:link2}"><span class="icon icon-star-empty"></span><div class="title">{text:link2 Title}</div></a>{/block:ifLink2}
  268.  
  269. {block:ifLink3}<li><a href="{text:link3}"><span class="icon icon-heart-empty"></span><div class="title">{text:link3 Title}</div></a>{/block:ifLink3}
  270.  
  271. {block:ifLink4}<li><a href="{text:link4}"><span class="icon icon-signal"></span><div class="title">{text:link4 Title}</div></a>{/block:ifLink4}
  272.  
  273. <li><a href="http://buckygyllenhaal.tumblr.com/"><span class="icon icon-gift"></span>
  274. <div class="badge">buckygyllenhaal</div>
  275. <div class="title">Theme by </div></a></ul>
  276. </div></div>
  277.  
  278. </div>
  279. </div>
  280.  
  281. <div id="posts">
  282. {block:Posts}
  283. <div class="entries">
  284. {block:Text}
  285. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  286. {Body}{/block:Text}{block:Photo}
  287.  
  288. <div class="photo">
  289. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  290. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  291. </div>{/block:Photo}{block:Photoset}<div class="post_photoset">
  292. <div class="photoset"><div class="move">{Photoset-500}</div></div>
  293. {block:Caption}
  294. <div class="caption">{Caption}</div>
  295. {/block:Caption}
  296. </div>
  297. {/block:Photoset}
  298.  
  299.  
  300. {block:Quote}
  301. <div class="post_quote">
  302. <div class="quote">{Quote}</div>
  303. {block:Source}
  304. <div class="source">{Source}</div>
  305. {/block:Source}
  306. </div>
  307. {/block:Quote}
  308.  
  309. {block:Link}
  310. <div class="post_link">
  311. <a href="{URL}" class="title" {Target}>{Name}</a>
  312. {block:Description}
  313. <div class="description">{Description}</div>
  314. {/block:Description}
  315. </div>
  316. {/block:Link}
  317. {block:Chat}
  318. <div class="post_chat">
  319. {block:Title}
  320. <h3><a href="{Permalink}">{Title}</a></h3>
  321. {/block:Title}
  322.  
  323. <ul class="chat">
  324. {block:Lines}
  325. <li class="{Alt} user_{UserNumber}">
  326. {block:Label}
  327. <span class="label">{Label}</span>
  328. {/block:Label}
  329.  
  330. {Line}</li>{/block:Lines}
  331. </ul></div>{/block:Chat}
  332.  
  333. {block:Video}
  334. <div class="post_video">
  335. {Video-500}{block:Caption}
  336. <div class="caption">{Caption}</div>
  337. {/block:Caption}</div>{/block:Video}
  338.  
  339. {block:Audio}
  340. <div class="audio">
  341. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  342. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  343. <div class="audio-info">
  344. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  345. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  346. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  347. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  348. </div></div>
  349. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  350. {/block:Audio}
  351.  
  352. {block:Answer}
  353. <div class="ask"><div style="color: #858585; padding: 10px; padding-bottom: 8px; background-color: #eee; text-transform: none;"><table><td><img src="{AskerPortraitURL-30}" style="border: 9px solid #fff; margin: 1px; margin-right: 5px;"></td><td><font style="font-size: 9px; text-transform: uppercase; width: 64px; line-height: 30%; margin-top: -10px; letter-spacing: 1px;color:#5ca06a"> {Asker}, TELL ME YOU WISH?</font><br><font style="text-transform: lowercase;font-size: 11px;">
  354. {Question}</font></td></table>
  355. </div><div style="margin-left: 0px; margin-top: -5px;">
  356. {Answer}</div></div>
  357. {/block:Answer}
  358.  
  359. <div class="postdata">
  360. <div class="postdata-1">
  361. {block:RebloggedFrom}
  362. <a href="{ReblogParentURL}" title="via" /><img src="{ReblogParentPortraitURL-16}"></a>&nbsp;<a href="{ReblogRootURL}" title="source"/><img src="{ReblogRootPortraitURL-16}"></a>&nbsp;
  363. {/block:RebloggedFrom}
  364. {block:NotReblog}<a href="{Permalink}"><img src="{PortraitURL-16}"></a>&nbsp;<a href="{Permalink}"><img src="{PortraitURL-16}"></a>{/block:NotReblog}
  365. </div>
  366. <div class="postdata-2">
  367. {block:Date}<b>{DayOfMonthWithZero}{ShortMonth}{ShortYear}</b>{/block:Date} <a href="{ReblogURL}">reblog</a>{/block:RebloggedFrom}
  368. </div>
  369.  
  370.  
  371.  
  372. <div class="postliked">
  373. <div id="liked">{LikeButton size="13"}</div>
  374.  
  375. </div>
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383. <div class="postdata-3">
  384. <span class="icon icon-thumbs-up-alt"></span> <a href="{Permalink}">{NoteCountWithLabel}</a>
  385.  
  386. </div></div>
  387.  
  388.  
  389. {block:HasTags}
  390. <div class="tags">
  391. {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}
  392. </div>
  393. {/block:HasTags}
  394.  
  395.  
  396.  
  397. {block:PostNotes}{PostNotes}{/block:PostNotes}
  398. </div>
  399.  
  400. {/block:Posts}
  401.  
  402.  
  403. <div class="pagination">{block:Pagination}
  404. <span class="numbers">{CurrentPage} of {TotalPages}</span>
  405. {block:JumpPagination length="12"}
  406. {block:CurrentPage}
  407. <span class="pages">{PageNumber}</span>
  408. {/block:CurrentPage}
  409. {block:JumpPage}
  410. <a class="pages" href="{URL}">{PageNumber}</a>
  411. {/block:JumpPage}
  412. {/block:JumpPagination}
  413. {block:NextPage}
  414. <span class="pages"><a href="{NextPage}">next</a></span>
  415. {/block:NextPage}
  416. {/block:Pagination}
  417.  
  418.  
  419.  
  420.  
  421.  
  422. </div></div></div>
  423. </div></div></div>
  424. </div></div></div>
  425. </div></div></div>
  426. </div></div></div>
  427. </div></div></div>
  428. <div class="footer"></div>
  429.  
  430.  
  431. <script type="text/javascript">
  432. window.onload = function() {
  433. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  434. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  435. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  436. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  437. }
  438. </script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment