pelides

51 // S A L V A T O R E

Nov 22nd, 2015
990
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.65 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5.  
  6. .
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <!--------------------------------------------
  11.  
  12. 51 // S A L V A T O R E
  13. ,,,,,,,,,,,,, by chircn
  14.  
  15. --------------------------------------------->
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}"/>
  21. {/block:Description}
  22.  
  23.  
  24. <meta name="color:background" content="#fff">
  25. <meta name="color:hover" content="#4c4c4c">
  26. <meta name="color:links" content="#767575">
  27. <meta name="color:scrollbar" content="#000000">
  28. <meta name="image:sidebar" content="https://placehold.it/64x64">
  29. <meta name="if:sidebar" content="1">
  30. <meta name="color:text" content="#929090">
  31. <meta name="text:link 1" content="">
  32. <meta name="text:link 1 title" content="link 1">
  33. <meta name="text:link 2" content="">
  34. <meta name="text:link 2 title" content="link 2">
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Cousine' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  41.  
  42. <style type="text/css">
  43.  
  44. .description {
  45. text-align:justify;
  46. margin-bottom:5px;
  47. margin-top:20px;
  48. border:0px solid #777;
  49. padding:5px;
  50. border-top:1px solid #f7f7f7;
  51. padding-top:15px;
  52. font-size:8.5px;
  53. line-height:180%;
  54. font-family:'Open Sans';
  55. }
  56.  
  57. ::-webkit-scrollbar {
  58. width:11px;
  59. background-color:#fff;
  60. }
  61.  
  62. ::-webkit-scrollbar-thumb {
  63. background-color:{color:scrollbar};
  64. border:5px solid #fff;
  65. }
  66.  
  67. .boyfriends{
  68. text-align:center;
  69. font-family:'open sans';
  70. letter-spacing:0.3px;
  71. font-size:8px;
  72. font-style:italic;
  73. color:{color:text};
  74. opacity:0.9;
  75. font-family:arial;
  76. }
  77.  
  78. .boyfriends a{
  79. cursor:crosshair;
  80. font-family:arial;
  81. }
  82.  
  83.  
  84. h1 {
  85. margin-bottom:12px;
  86. padding:5px;
  87. padding-bottom:10px;
  88. font-size:8px;
  89. letter-spacing:1px;
  90. border-bottom:1px solid #f3f3f3;
  91. font-weight:600;
  92. text-transform:uppercase;
  93. font-family:'open sans';
  94. font-style:italic;
  95. line-height:200%;
  96. color:{color:Text};
  97. }
  98.  
  99. h2 {
  100. margin-bottom:12px;
  101. padding:5px;
  102. padding-bottom:10px;
  103. font-size:8px;
  104. letter-spacing:1px;
  105. border-bottom:1px solid #f3f3f3;
  106. font-weight:600;
  107. text-transform:uppercase;
  108. font-family:'open sans';
  109. font-style:italic;
  110. line-height:200%;
  111. color:{color:Text};
  112. }
  113.  
  114. pre {
  115. width:400px;
  116. text-align: left;
  117. word-wrap: break-word;
  118. color:{color:Text};
  119. }
  120.  
  121. blockquote {
  122. border-left:1px solid #e8e8e8;
  123. padding-left:6px;
  124. }
  125.  
  126. body {
  127. font-family:'Open Sans';
  128. font-size:8.5px;
  129. margin-left:100px;
  130. color: {color:Text};
  131. background-color:{color:background};
  132. background-image:url({image:background});
  133. }
  134.  
  135. a {
  136. color: {color:links};
  137. text-decoration: none;
  138. }
  139.  
  140. a:hover {
  141. color:{color:Hover};
  142. }
  143.  
  144. #sidebar{
  145. position:fixed;
  146. margin-top:30px;
  147. margin-left:200px;
  148. width:130px;
  149. height:350px;
  150. padding:20px;
  151. text-align:justify;
  152. }
  153.  
  154. #sidebar img {
  155. width:64px;
  156. background:#fff;
  157. margin-left:12px;
  158. margin-top:10px;
  159. padding:20px;
  160. border:1px solid #f3f3f3;
  161. }
  162.  
  163. #larry {
  164. border:1px solid #f3f3f3;
  165. margin-top:20px;
  166. padding:10px;
  167. }
  168.  
  169. #cold {
  170. margin:0 auto;
  171. line-height:120%;
  172. }
  173.  
  174. #cold a{
  175. cursor:help;
  176. }
  177.  
  178. #tit{
  179. margin-top:10px;
  180. letter-spacing:1px;
  181. margin-bottom:15px;
  182. font-size:8px;
  183. font-family:'open sans';
  184. text-transform:lowercase;
  185. text-align:center;
  186. font-style:normal;
  187. }
  188.  
  189. #tit a{
  190. font-family:helvetica;
  191. text-transform:uppercase;
  192. cursor:help;
  193. color:#444;
  194. font-size:9px;
  195. font-weight:300;
  196. letter-spacing:1px;
  197. margin-bottom:-5px;
  198. border-bottom:1px solid;}
  199.  
  200. #pagination {
  201. text-align:center;
  202. padding:5px;
  203. font-size:8px;
  204. text-transform:uppercase;
  205. font-style:italic;
  206. border-top:1px solid #f3f3f3;
  207. letter-spacing:3px;
  208. margin-top:-30px;
  209. margin-bottom:20px;
  210. padding-top:30px;
  211. font-family:'open sans';
  212. }
  213.  
  214. #pagination a {
  215. padding:7px;
  216. -moz-transition-duration: 0.5s;
  217. -o-transition-duration: 0.5s;
  218. -webkit-transition-duration: 0.5s;
  219. transition-duration: 0.5s;
  220. color:{color:text};
  221. }
  222.  
  223. #pagination a:hover {
  224. -moz-transition-duration: 0.5s;
  225. -o-transition-duration: 0.5s;
  226. -webkit-transition-duration: 0.5s;
  227. transition-duration: 0.5s;
  228. }
  229.  
  230. /*audio*/
  231.  
  232. #song {
  233. padding:5px;
  234. text-align:right;
  235. margin-bottom:-10px;
  236. }
  237.  
  238. .audiop {
  239. padding:15px;
  240. background:#000;
  241. position:relative;
  242. }
  243.  
  244. .audioinfo {
  245. color:#fff;
  246. text-align:right;
  247. text-transform:uppercase;
  248. font-size:9px;
  249. letter-spacing:1px;
  250. line-height:150%;
  251. }
  252.  
  253. .player {
  254. width:15px;
  255. vertical-align:middle;
  256. margin-top:-5px;
  257. margin-left:-10px;
  258. height:15px;
  259. border-radius:400px;
  260. padding:10px;
  261. overflow:hidden;
  262. }
  263.  
  264. .playerb {
  265. margin-top:-10px;
  266. width:40px;
  267. border-radius:400px;
  268. height:40px;
  269. z-index:3;
  270. vertical-align:middle;
  271. position:absolute;
  272. opacity:1;
  273. -webkit-transition:all 0.6s ease-out;
  274. -moz-transition:all 0.6s ease-out;
  275. transition:all 0.6s ease-out;
  276. }
  277.  
  278. .audiop:hover .playerb {
  279. opacity:0.5;
  280. -webkit-transition:all 0.6s ease-out;
  281. -moz-transition:all 0.6s ease-out;
  282. transition:all 0.6s ease-out;}
  283.  
  284.  
  285. #container {
  286. padding:10px;
  287. padding-right:5px;
  288. width:405px;
  289. margin-top:100px;
  290. border: 1px solid #f3f3f3;
  291. margin-left:450px;
  292. background:#fff;
  293. margin-bottom:50px;
  294. font-family:'Open Sans';
  295. }
  296.  
  297. .postscontainer {
  298. max-width:400px;
  299. margin: auto;
  300. margin-top:-40px;
  301. margin-left:0px;
  302. font-family:'Open Sans';
  303. }
  304.  
  305. .posts {
  306. width:400px;
  307. line-height:150%;
  308. font-size:9px;
  309. margin-top:40px;
  310. margin-bottom:10px;
  311. text-align:justify;
  312. font-family:'Open Sans';
  313. }
  314.  
  315. .posts a:hover {
  316. color:{color:Hover};
  317. }
  318.  
  319. .posts img {
  320. max-width:400px;
  321. }
  322.  
  323. #info {
  324. margin-top:10px;
  325. padding:10px;
  326. border-top:1px solid #f3f3f3;
  327. font-family:'helvetica';
  328. text-align:left;
  329. text-transform:uppercase;
  330. font-size:8px;
  331. letter-spacing:1px;
  332. }
  333.  
  334. #info a{
  335. font-size:9px;
  336. color:{color:text};
  337. }
  338.  
  339. #info a:hover {
  340. color:{color:text};
  341. }
  342.  
  343.  
  344. .tags {
  345. text-align:center;
  346. letter-spacing:0px;
  347. font-size:10px;
  348. font-style:italic;
  349. display:inline;
  350. text-transform:none;
  351. }
  352.  
  353. .tags a {
  354. margin:0px 10px 0px 0px;
  355. }
  356.  
  357. .tags a:hover {
  358. font-style:italic;
  359. cursor:help;
  360. }
  361.  
  362. .postnote {
  363. width:{text:Post Size}px;
  364. text-transform:lowercase;
  365. font-family:'Open Sans';
  366. text-align:left;
  367. line-height:120%;
  368. margin-top:40px;
  369. }
  370.  
  371. .postnote li {
  372. list-style-type:none;
  373. padding:10px;
  374. font-family:'Open Sans';
  375. text-align:justify;
  376. font-style:italic;
  377. text-transform:uppercase;
  378. font-size:8px;
  379. letter-spacing:1px;
  380. margin-left:-45px;
  381. -moz-transition-duration:0.5s;
  382. -webkit-transition-duration:0.5s;
  383. -o-transition-duration:0.5s;
  384. }
  385.  
  386. .postnote a{
  387. color:{color:text};
  388. }
  389.  
  390. .postnote img {
  391. width:15px;
  392. font-family:'Open Sans';
  393. padding: 3px;
  394. margin:2px 7px -3px 6px;
  395. text-align:left;
  396. }
  397.  
  398. .postnote img:hover {
  399. background:transparent;
  400. font-family:'Open Sans';
  401. }
  402.  
  403. .quote {
  404. padding:20px;
  405. line-height:120%;
  406. text-align:center;
  407. font-family:'Open Sans';
  408. text-transform:uppercase;
  409. font-size:8px;
  410. letter-spacing:1px;
  411. font-style:italic;
  412. color:{color:text};
  413. }
  414.  
  415. .source {
  416. margin-top:10px;
  417. line-height:150%;
  418. text-transform:lowercase;
  419. letter-spacing:1px;
  420. font-size:9px;
  421. margin-bottom:20px;
  422. text-align:center;
  423. }
  424.  
  425. .chat ol {
  426. line-height:150%;
  427. text-align:justify;
  428. padding:0px;
  429. list-style:none;
  430. font-family:'Open Sans';
  431. }
  432.  
  433. .label {
  434. text-transform:uppercase;
  435. padding-right:5px;
  436. color:{color:Text};
  437. font-family:'Open Sans';
  438. }
  439.  
  440. .line.odd {
  441. padding:5px;
  442. margin-bottom:2px;
  443. font-family:'Open Sans';
  444. }
  445.  
  446. .line.even {
  447. padding:5px;
  448. margin-bottom:2px;
  449. font-family:'Open Sans';
  450. background-color:#f9f9f9;
  451. }
  452.  
  453. #answer {
  454. width:400px;
  455. margin-top:15px;
  456. font-family:'Open Sans';
  457. }
  458.  
  459. #questions {
  460. text-align:right;
  461. font-weight:normal;
  462. line-height:100%;
  463. font-family:'Open Sans';
  464. border:1px solid #f3f3f3;
  465. padding:20px;
  466. text-transform:uppercase;
  467. font-size:8px;
  468. letter-spacing:1px;
  469. font-style:italic;
  470. color:{color:text};
  471. }
  472.  
  473. .credit {
  474. position:fixed;
  475. font-weight:normal;
  476. line-height:150%;
  477. bottom:10px;
  478. right:5px;
  479. font-family:'open sans';
  480. font-style:italic;
  481. text-align:center;
  482. -moz-transition-duration: 0.4s;
  483. -o-transition-duration: 0.4s;
  484. -webkit-transition-duration: 0.4s;
  485. transition-duration: 0.4s;
  486. }
  487.  
  488. .credit a {
  489. cursor:help;
  490. text-transform:uppercase;
  491. letter-spacing:1px;
  492. font-size:9px;
  493. color:{color:links};
  494. padding:5px;
  495. font-family:'open sans';
  496. font-style:italic;
  497. }
  498.  
  499. .credit:hover {
  500. background:transparent;
  501. }
  502.  
  503. </style>
  504. </head>
  505.  
  506. <body>
  507. <div id="sidebar">
  508. {block:ifsidebar}<img src="{image:sidebar}">{/block:ifsidebar}
  509. <div id="larry">
  510. <div class="boyfriends">
  511. <div id="tit"><a href="/">{title}</a></div>
  512. <a href="/">index</a>
  513. <a href="/ask">inbox</a>
  514. <a href="{text:link 1}">{text:link 1 title}</a>
  515. <a href="{text:link 2}">{text:link 2 title}</a></div>
  516. <div class="description">{description}</div>
  517. </div>
  518. </div>
  519.  
  520. <div id="container">
  521.  
  522. <div class="postscontainer">
  523. {block:Posts}
  524.  
  525. {block:ContentSource}
  526.  
  527. <!— {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  528.  
  529. {/block:SourceLogo}
  530.  
  531. {block:NoSourceLogo}{/block:NoSourceLogo} —>
  532.  
  533. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  534. <div class="posts">
  535.  
  536. {block:Text}
  537. {block:Title}<h2>{Title}</h2>{/block:Title}
  538. {Body}
  539. {/block:Text}
  540.  
  541. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  542.  
  543. {/block:Quote}
  544.  
  545. {block:Link}
  546. <h2><a href="{URL}">{Name}</a></h2>
  547. {block:Description}{Description}{/block:Description}
  548. {/block:Link}
  549.  
  550. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  551. </ol></div>{/block:Chat}
  552.  
  553. {block:Answer}<div id="questions"><span style="text-transform:uppercase; letter-spacing:1px; padding-bottom:1px; border-bottom:1px solid #aaa; font-size:8px;">{asker}</span><br><br>
  554. {Question}<br></div>
  555. <div id="answer">
  556. {Answer}</div>
  557. {/block:Answer}
  558.  
  559. {block:Photo}
  560. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  561. {/block:Photo}
  562.  
  563. {block:Photoset}
  564. {Photoset-400}
  565. {block:Caption}{Caption}{/block:Caption}
  566. {/block:Photoset}
  567.  
  568. {block:Audio}
  569. <div class="audiop">
  570. <div class="playerb" style="vertical-align:middle;"><div class="player" style="vertical-align:middle;">
  571. {AudioPlayerBlack}
  572. </div></div>
  573. <div class="audioinfo">
  574. {block:TrackName}<div id="song"><i>{TrackName}</i>{/block:TrackName}
  575. {block:Artist} ({Artist}){/block:Artist}</div></div><br></div>
  576. {/block:Audio}
  577.  
  578. {block:Video}
  579. {Video-400}
  580. {block:Caption}{Caption}{/block:Caption}
  581. {/block:Video}
  582.  
  583. {block:Date}
  584. <div id="info">
  585. <a href="{Permalink}" title="{TimeAgo}">{ShortDayofWeek}, {24Hour}:{Minutes}</a>{/block:Date}{block:NoteCount} <a href="{Permalink}"> <span style="float:right;">{NoteCount}N</a></span>{/block:NoteCount}<br><div style="padding-top:5px;">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</span></div>
  586. </div>
  587. {/block:Date}
  588.  
  589.  
  590. <div class="postnote">
  591. {block:PostNotes}
  592. <center>
  593. {block:ContentSource}
  594. source: <a href="{SourceURL}">{SourceTitle}</a>,
  595. {/block:ContentSource}
  596. {block:RebloggedFrom}
  597. via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br><br><br><br>
  598. {/block:RebloggedFrom}
  599. </center>
  600. {PostNotes}{/block:PostNotes}
  601. </div>
  602. {/block:Posts}
  603.  
  604. {block:Pagination}
  605. <div id="pagination">
  606. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">back</a>{/block:PreviousPage}
  607. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}
  608. </div>
  609. {/block:Pagination}
  610.  
  611. <div class="credit"><a href="http://chircn.tumblr.com/" title="( theme @ chircn )">ch.</a></div>
  612.  
  613. </div>
  614. </div>
  615. </div>
  616. </body>
Advertisement
Add Comment
Please, Sign In to add comment