Advertisement
calvinkleinjustin

views from the 6

Jun 30th, 2015
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.14 KB | None | 0 0
  1. <head><title>{Title}</title>
  2. <link rel="shortcut icon" href="{Favicon}">
  3. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  4. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  5.  
  6.  
  7.  
  8. <!--------theme by stephanie (champagnebiebs) please keep this and the credit thank you so much :')-------->
  9.  
  10. <!--------default variables-------->
  11. <meta name="color:background" content="#ffffff"/>
  12. <meta name="color:borders" content="#a89070"/>
  13.  
  14. <meta name="image:sidebar" content="https://41.media.tumblr.com/7f9f2eb94b306faa3505e8a56b72c5a8/tumblr_nqgukhaQxc1uzpi72o5_250.png"/>
  15. <meta name="image:background image" content=""/>
  16.  
  17. <meta name="text:link 1 title" content="home">
  18. <meta name="text:link 1 url" content="">
  19. <meta name="text:link 2 title" content="mssg">
  20. <meta name="text:link 2 url" content="">
  21. <meta name="text:link 3 title" content="links">
  22. <meta name="text:link 3 url" content="">
  23.  
  24. <meta name="text:blogtitle" content="views from the six" />
  25.  
  26.  
  27. <!------------------------TOOLTIPS SCRIPT--------------------->
  28. <script type="text/javascript">
  29. WebFontConfig = {
  30. google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin' ] }
  31. };
  32. (function() {
  33. var wf = document.createElement('script');
  34. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  35. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  36. wf.type = 'text/javascript';
  37. wf.async = 'true';
  38. var s = document.getElementsByTagName('script')[0];
  39. s.parentNode.insertBefore(wf, s);
  40. })(); </script>
  41.  
  42.  
  43. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("[title]").style_my_tooltips({
  50. tip_follows_cursor:true,
  51. tip_delay_time:200,
  52. tip_fade_speed:300
  53. });
  54. });
  55. })(jQuery);
  56. </script>
  57. <script>
  58. $(document).ready(function(){
  59. $("#click").click(function(){
  60. $("#clicktext").slideToggle("medium");
  61. $("#inspo").slideToggle("medium");
  62. });
  63. });
  64. </script>
  65.  
  66.  
  67. <!-------------------------------------------------------------------->
  68.  
  69. <style type="text/css">
  70.  
  71. /*----------tooltips---------*/
  72.  
  73. #s-m-t-tooltip {
  74. max-width:400px;
  75. margin:15px;
  76. padding:5px;
  77. border:1px solid {color:borders};
  78. background:#ffffff;
  79. color:black;
  80. z-index:999999;
  81. font-size:9px;
  82. border-radius:0px;
  83.  
  84. letter-spacing:2px;
  85. font-family:calibri;
  86. box-shadow:0px 0px 0px 0px transparent;
  87. text-transform:uppercase;
  88. z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  89. }
  90.  
  91.  
  92. /*----------scrollbar---------*/
  93.  
  94. ::-webkit-scrollbar {
  95. background-color:white;
  96. height:8px;
  97. border:1px solid {color:borders};
  98. width:8px
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb:vertical {
  102. background-color: {color:borders};
  103. height:50px
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb:horizontal {
  107. background-color:white;
  108. height:8px!important
  109. }
  110.  
  111.  
  112. /*----------basics---------*/
  113.  
  114. body {
  115. background:white url({image:background image}) repeat right top fixed;
  116. color:black;
  117. font-family:calibri;
  118. line-height:15px;
  119. font-size:10px;
  120. margin:0;
  121. text-align:left;
  122. }
  123.  
  124. blockquote {
  125. padding-left:10px;
  126. border-left:1px solid;
  127. border-color:#eeeeee;
  128. margin:10px;
  129. }
  130.  
  131. a {
  132. color:{color:borders};
  133. text-decoration:none;
  134. }
  135.  
  136. a:hover {
  137. text-decoration:none;
  138. color: {color:borders};
  139. border-bottom:1px solid {color:borders};
  140. -webkit-transition:all 0.5s;
  141. -moz-transition:all 0.5s;
  142. -ms-transition:all 0.5s;
  143. -o-transition:all 0.5s;
  144. transition:all 0.5s;
  145. }
  146.  
  147. img {
  148. opacity:1;
  149. text-decoration:none;
  150. }
  151.  
  152. h1 {
  153. font-size:11px;
  154.  
  155. }
  156.  
  157.  
  158. /*----------posts---------*/
  159.  
  160. .container {
  161. left:50%;
  162. width:500px;
  163. border:1px solid {color:borders};
  164. position:absolute;
  165. }
  166.  
  167. .posts {
  168. width:300px;
  169. margin-top:30px;
  170. margin-left:-10px;
  171. padding:10px;
  172. border:1px solid {color:borders};box-shadow:{color:borders} 7px 7px;
  173. opacity:1;
  174. }
  175.  
  176. .entries {
  177. margin-left:600px;
  178. width:300px;
  179. height:700%;
  180. margin-top:-50px;
  181. background:white;
  182. opacity:.8;
  183. padding:70px;
  184. border-top:0px;
  185. border-bottom:0px;
  186. border:1px solid {color:borders};
  187. }
  188.  
  189. .posts img, .posts li, .posts blockquote {
  190. max-width: 100%;
  191. }
  192.  
  193. .posts li {
  194. list-style: square;
  195. }
  196.  
  197. blockquote img {
  198. max-width:220px!important;
  199. }
  200.  
  201.  
  202. /*----------post info---------*/
  203.  
  204. .info {
  205. border-top:1px solid {color:borders};
  206. padding-top:10px;
  207. padding-left:10px;
  208. padding-right:10px;
  209. text-transform:uppercase;
  210. font-size:9px;
  211. margin-left:-10px;
  212. letter-spacing:1px;
  213. margin-top:15px;
  214. width:300px;
  215. }
  216.  
  217. .tags {
  218. margin-top:5px;
  219. font-size:8px;
  220. letter-spacing:1px;
  221. font-style:italic;
  222. }
  223.  
  224. .tags a {
  225. margin-right:8px;
  226. }
  227.  
  228.  
  229. /*----------post notes---------*/
  230.  
  231. ol.notes {
  232. padding:0px;
  233. margin:25px 0px 0px -10px;
  234. list-style-type:none;
  235. }
  236.  
  237. ol.notes li.note {
  238. padding:10px;
  239. }
  240.  
  241. ol.notes li.note img.avatar {
  242. vertical-align:-4px;
  243. margin-right:10px;
  244. width:16px;
  245. height:16px;
  246. }
  247.  
  248. ol.notes li.note span.action {
  249. font-weight:none;
  250. }
  251.  
  252. ol.notes li.note .answer_content {
  253. font-weight:normal;
  254. }
  255.  
  256. ol.notes li.note blockquote {
  257. padding:4px 10px;
  258. margin:10px 0px 0px 25px;
  259. }
  260.  
  261. ol.notes li.note blockquote a {
  262. text-decoration:none;
  263. }
  264.  
  265. /*----------sidebar---------*/
  266.  
  267. #sidebar{
  268. position:fixed !important;
  269. z-index:9999999;
  270. width:200px;
  271. height:300px;
  272. margin-top:490px;
  273. margin-left:-700px;
  274. opacity:11111111;
  275. background:transparent;
  276. text-align:center;
  277. }
  278.  
  279. #pic{
  280. position:fixed !important;
  281. margin-top:13px;
  282. margin-left:212px;
  283. opacity:.8;
  284. padding:6px;
  285. padding-bottom:2px;
  286. border:1px solid {color:borders};
  287.  
  288. }
  289.  
  290. #pic img{
  291. width:170px;
  292. height:170px;
  293. z-index:99999;
  294. opacity:11111;
  295. padding-bottom:-2px;
  296. }
  297. #link1{
  298. z-index:9999999;
  299. opacity:1;
  300. line-height:10px;
  301. position:fixed !important;
  302. height:10px;
  303. font-size:10px;
  304. text-align:center;
  305. letter-spacing:1px;
  306. text-transform:uppercase;
  307. line-height:10px;
  308. color:black;
  309. padding:2px;
  310. font-family:calibri;
  311. margin-top:200px;
  312. margin-left:220px;
  313. -webkit-transition:all 0.5s linear;
  314. -webkit-transition:all 0.5s linear;
  315. -moz-transition:all 0.5s linear;
  316. transition:all 0.5s linear;
  317. }
  318.  
  319. #link2{
  320. z-index:9999999;
  321. opacity:1;
  322. line-height:10px;
  323. position:fixed !important;
  324. height:10px;
  325. font-size:10px;
  326. text-align:center;
  327. letter-spacing:1px;
  328. text-transform:uppercase;
  329. line-height:10px;
  330. color:black;
  331. padding:2px;
  332. font-family:calibri;
  333. margin-top:200px;
  334. margin-left:260px;
  335. -webkit-transition:all 0.5s linear;
  336. -webkit-transition:all 0.5s linear;
  337. -moz-transition:all 0.5s linear;
  338. transition:all 0.5s linear;
  339. }
  340.  
  341. #link3{
  342. z-index:9999999;
  343. opacity:1;
  344. line-height:10px;
  345. position:fixed !important;
  346. height:10px;
  347. font-size:10px;
  348. text-align:center;
  349. letter-spacing:1px;
  350. text-transform:uppercase;
  351. line-height:10px;
  352. color:black;
  353. padding:2px;
  354. font-family:calibri;
  355. margin-top:200px;
  356. margin-left:300px;
  357. -webkit-transition:all 0.5s linear;
  358. -webkit-transition:all 0.5s linear;
  359. -moz-transition:all 0.5s linear;
  360. transition:all 0.5s linear;
  361. }
  362.  
  363.  
  364.  
  365. #desc{
  366. background-color:white) ;
  367. position:fixed;
  368. opacity:.8;
  369. width:163px;
  370. height:30px;
  371. padding:10px;
  372. overflow:auto;
  373. margin-top:216px;
  374. margin-left:212px;
  375. font-size:11px;
  376. border-right:1px solid {color:borders};
  377. border-left:1px solid {color:borders};
  378. border-top:1px solid {color:borders};
  379. border-bottom:1px solid {color:borders};
  380. font-family:calibri;
  381. z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  382.  
  383. -webkit-transition: all .7s ease;
  384. -moz-transition: all .7s ease;
  385. -o-transition: all .7s ease;
  386. transition: all .7s ease;
  387. }
  388.  
  389. #blogtitle{
  390. width:100px;
  391. text-transform:lowercase;
  392. color:black;
  393. padding:20px;
  394. padding-bottom:18px;
  395. background:white;
  396. opacity:.4;
  397. font-weight:bold;
  398. font-size:30px;
  399. height:100px;
  400. font-style:italic;
  401. font-family:arial;
  402. line-height:30px;
  403. text-align:center;
  404. margin-left:235px;
  405. margin-top:35px;
  406. position:fixed;
  407. z-index:99999999999999999999999999999999999999999999999999999;
  408. -webkit-transition: all .7s ease;
  409. -moz-transition: all .7s ease;
  410. -o-transition: all .7s ease;
  411. transition: all .7s ease;
  412.  
  413. }
  414. .pagination {
  415. position:fixed;
  416. width:30px;
  417. font-size:10px;
  418. text-transform:uppercase;
  419. font-family:calibri;
  420. margin-top:693px;
  421. margin-left:-345px;
  422. line-height:10px;
  423. background-color:white;
  424. text-align:center;
  425. display:inline-block;
  426. z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  427. }
  428.  
  429. /*----------quotes---------*/
  430.  
  431. .quote {
  432. text-transform:lowercase;
  433. font-size:12px;
  434. font-family:calibri;
  435. text-align:center;
  436. }
  437.  
  438. .quotesource {
  439. text-align:center;
  440. margin-top:10px;
  441. }
  442.  
  443.  
  444. /*----------chat---------*/
  445.  
  446. .chat {
  447. line-height:20px;
  448. list-style:none;
  449. }
  450.  
  451. .line.odd {
  452. background:#fafafa;
  453. margin-bottom:2px;
  454. padding:5px;
  455. list-style:none;
  456. font-size:10px;
  457. }
  458.  
  459. .line.even {
  460. background:#ffffff;
  461. margin-bottom:2px;
  462. padding:5px;
  463. list-style:none;
  464. font-size:10px;
  465. }
  466.  
  467. .label {
  468. padding-right:1px;
  469. text-transform:uppercase;
  470. color:{color:links};
  471. }
  472.  
  473.  
  474. /*----------questions---------*/
  475.  
  476. .question {
  477. background:{color:borders};
  478. padding:10px;
  479. border-radius:100px;
  480. }
  481.  
  482. .asker {
  483. text-transform:uppercase;
  484. }
  485.  
  486. .answer {
  487. padding:10px;
  488. margin-top:-15px;
  489. }
  490.  
  491.  
  492. /*----------audio---------*/
  493.  
  494. .playerbutton {
  495. position:relative;
  496. width:30px;
  497. height:35px;
  498. overflow:hidden;
  499. }
  500.  
  501. .playerbuttonhug {
  502. position: absolute;
  503. top:-7px;
  504. left:2px;
  505. }
  506.  
  507. .tumblr_audio_player {
  508. height:50px;
  509. width:500px;
  510. }
  511.  
  512. .playerbuttonbg {
  513. position:absolute;
  514. width:35px;
  515. height:35px;
  516. background-color:#e4e4e4;
  517. padding:10px;
  518. }
  519.  
  520. .trackdetails {
  521. width:auto;
  522. display:inline-block;
  523. margin-left:70px;
  524. font-size:10px;
  525. letter-spacing:1px;
  526. text-transform:lowercase;
  527. padding:5px;
  528. line-height:15px;
  529. }
  530.  
  531. .audiowrapper {
  532. position:relative;
  533. display:inline-block;
  534. }
  535.  
  536.  
  537.  
  538. </style>
  539. </head>
  540.  
  541. <body>
  542. <div class="container">
  543.  
  544. <div id="sidebar">
  545. <center>
  546. <div id="pic"><img src="{image:sidebar}"</a></div>
  547. <div id="blogtitle">{text:blogtitle}</div>
  548. <div id="bar"></div>
  549.  
  550. <div id="desc">{description} </div>
  551. <div id="bar2"></div>
  552. <div id="link1"><a href="{text:link 1 url}">{text:link 1 title}</a></div>
  553. <div id="link2"><a href="{text:link 2 url}">{text:link 2 title}</a></div>
  554. <div id="link3"><a href="{text:link 3 url}">{text:link 3 title}</a></div>
  555. </center>
  556. </div>
  557. <div class="pagination">
  558. {block:Pagination}
  559. {block:NextPage}
  560. <a href="{NextPage}">→</a>
  561. {/block:NextPage}
  562. {block:PreviousPage}
  563. <a href="{PreviousPage}">←</a>{/block:PreviousPage}
  564. {/block:Pagination}
  565. </div>
  566.  
  567. </div>
  568.  
  569.  
  570. <div class="entries">
  571.  
  572.  
  573. {block:Posts}
  574. <div class="posts">
  575.  
  576. {block:Text}
  577. <h1>{block:Title}{Title}{/block:Title}</h1>
  578. {Body}{/block:Text}
  579.  
  580.  
  581. {block:Photo}
  582. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  583. {block:Caption}{/block:Caption}
  584. {/block:Photo}
  585.  
  586.  
  587. {block:Photoset}
  588. {Photoset}
  589. {block:Caption}{/block:Caption}
  590. {/block:Photoset}
  591.  
  592.  
  593. {block:Quote}
  594. <div class="quote">"{Quote}"</div>
  595. {block:Source}<div class="quotesource"> — {Source}</div>
  596. {/block:Source}{/block:Quote}
  597.  
  598.  
  599. {block:Link}
  600. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  601. {block:Description}{Description}{/block:Description}
  602. {/block:Link}
  603.  
  604.  
  605. {block:Chat}
  606. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  607. {/block:Chat}
  608.  
  609.  
  610. {block:Audio}
  611. {block:AudioPlayer}
  612. <div class="audiowrapper">
  613. <div class="playerbuttonbg">
  614. <div class="playerbutton">
  615. <div class="playerbuttonhug">
  616. {AudioPlayerGrey}
  617. </div></div></div>
  618.  
  619. <div class="trackdetails">
  620. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  621.  
  622. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  623.  
  624. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  625. {/block:AudioPlayer}
  626.  
  627. {block:Caption}
  628. <div class="caption">{Caption}</div>
  629. {/block:Caption}
  630. {/block:Audio}
  631.  
  632.  
  633. {block:Video}
  634. {video-250}
  635. {/block:Video}
  636.  
  637.  
  638. {block:Answer}
  639. <div class="question">
  640. <div class="asker"><b>{Asker} asked a question:</b></div>
  641. {Question}</div><br>
  642. <div class="answer">
  643. {Answer}</div>
  644. {/block:Answer}
  645.  
  646.  
  647. <div class="info">
  648. {block:Date}
  649. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  650. {/block:Date}
  651.  
  652. &nbsp;&nbsp;
  653. <a href="{Permalink}">{NoteCountWithLabel}</a>
  654. &nbsp;&nbsp;
  655.  
  656. {block:RebloggedFrom}
  657. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>
  658. {block:ContentSource}/
  659. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">src</a>
  660. {/block:ContentSource}
  661. {/block:RebloggedFrom}
  662. /
  663. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  664. </div>
  665.  
  666.  
  667. {block:HasTags}
  668. <div class="tags">
  669. {block:Tags}
  670. <a href="{TagURL}">#{Tag}</a>
  671. {/block:Tags}
  672. </div>
  673. {/block:HasTags}
  674.  
  675. </div>
  676.  
  677.  
  678. {block:PostNotes}
  679. {PostNotes}
  680. {/block:PostNotes}
  681.  
  682. {/block:Posts}
  683.  
  684. {block:ContentSource}
  685. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  686. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  687. {/block:SourceLogo}
  688. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  689. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  690.  
  691. </body>
  692.  
  693. </div></div></div></div></div></div></div></div></div></div></div>
  694. <div style="position:fixed; bottom:20px; right:20px;color:black; background:white; border: 1px solid {color:borders}; padding:10px; font-family:calibri; font-size:10px; line-height: 10px;z-index:99999;font-weight:bold;font-style:italic"><a href="http://champagnebiebs.tumblr.com" title="theme made by stephanie">t cred</a></div>
  695. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement