API tools faq
paste
Advertisement
dar-g-ling

Marco Theme

dar-g-ling
Jan 29th, 2015
197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.78 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. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <!-- Attention, attention. This theme was written from scratch by DRGL @artdelafolie.tumblr | @beautiful--pirate.tumblr and therefore should be not stolen or claimed by any other person but the original maker. Feel free to like or reblog or use, though, as long as the credit stays intact. Also please don't copy parts of the theme and claim it as your own. Thank you. -->
  13.  
  14. <meta name="image:Sidebar" content="https://pbs.twimg.com/media/B2um_f5CIAEQIrE.jpg">
  15. <meta name="image:Corner" content="https://pbs.twimg.com/media/B2fV85LCcAEXBG3.jpg">
  16. <meta name="image:BG Image" content="">
  17.  
  18.  
  19. <meta name="color:BG Color" content="#fff">
  20. <meta name="color:Corner Color" content="#fff">
  21. <meta name="color:Text" content="#000">
  22. <meta name="color:Links" content="#315f7a">
  23. <meta name="color:Links Hover" content="#f2992e">
  24. <meta name="color:Title" content="#90a5f3">
  25. <meta name="color:Border" content="#739ede">
  26. <meta name="color:Navlinks Color" content="#c8ecff">
  27. <meta name="color:Scrollbar" content="#eee45c">
  28. <meta name="color:Corner Title" content="#000">
  29.  
  30. <meta name="text:Link 1" content="home">
  31. <meta name="text:URL 1" content="/">
  32. <meta name="text:Link 2" content="ask">
  33. <meta name="text:URL 2" content="/ask">
  34. <meta name="text:Link 3" content="archive">
  35. <meta name="text:URL 3" content="/archive">
  36. <meta name="text:Link 4" content="">
  37. <meta name="text:URL 4" content="">
  38. <meta name="text:Link 5" content="">
  39. <meta name="text:URL 5" content="">
  40. <meta name="text:Link 6" content="">
  41. <meta name="text:URL 6" content="">
  42. <meta name="text:Link 7" content="">
  43. <meta name="text:URL 7" content="">
  44. <meta name="text:Link 8" content="">
  45. <meta name="text:URL 8" content="">
  46. <meta name="text:Link 9" content="">
  47. <meta name="text:URL 9" content="">
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  50. <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  52. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>
  53.  
  54. <style type="text/css">
  55. ::-webkit-scrollbar {background-color:{color:Border}; width:7px;}
  56. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};}
  57.  
  58. body {
  59. background-image: url('{image:BG Image}');
  60. background-repeat:repeat;
  61. color:{color:Text};
  62. font-family: 'Josefin Sans', Times;
  63. font-size:16px;
  64. letter-spacing:2px;
  65. line-height:22px;
  66. }
  67.  
  68. a {
  69. font-family: 'Josefin Sans', Helvetica, Arial;
  70. font-size: 18px;
  71. line-height:22px;
  72. color:{color:Links};
  73. text-decoration:none;
  74. -webkit-transition: all .5s ease;
  75. -o-transition: all .5s ease;
  76. -moz-transition: all .5s ease;
  77. }
  78.  
  79. a:hover {
  80. color:{color:Links Hover};
  81. -webkit-transition: all .5s ease;
  82. -o-transition: all .5s ease;
  83. -moz-transition: all .5s ease;
  84. }
  85.  
  86. blockquote {
  87. border-left:1px;
  88. border-left: solid;
  89. padding-left:7px;
  90. }
  91.  
  92. blockquote blockquote {
  93. border-left:1px;
  94. border-left: solid;
  95. padding-left:7px;
  96. }
  97.  
  98. h1 {
  99. font-family: 'Pinyon Script', 'Rouge Script', Helvetica;
  100. font-size:24px;
  101. text-align:center;
  102. }
  103.  
  104. .cornertitle2 {
  105. font-size: 20px;
  106. font-family: "Libre Baskerville";
  107. color: {color:Corner Title};
  108. opacity:.4;
  109. text-align: left;
  110. -moz-transform: matrix( 0.82452185197662,0,0,1,0,0);
  111. -webkit-transform: matrix( 0.82452185197662,0,0,1,0,0);
  112. -ms-transform: matrix( 0.82452185197662,0,0,1,0,0);
  113. position: absolute;
  114. right:0px;
  115. bottom:38px;
  116. z-index: 100;
  117. }
  118.  
  119.  
  120. .cornertitle1 {
  121. font-size: 36px;
  122. font-family: "Libre Baskerville";
  123. color: {color:Corner Title};
  124. opacity:.5;
  125. text-align: left;
  126. -moz-transform: matrix( 0.84940568356034,0,0,1,0,0);
  127. -webkit-transform: matrix( 0.84940568356034,0,0,1,0,0);
  128. -ms-transform: matrix( 0.84940568356034,0,0,1,0,0);
  129. position: absolute;
  130. right:0px;
  131. bottom:14px;
  132. z-index: 100;
  133. }
  134.  
  135. #sidebarcont {
  136. position:fixed;
  137. width:25%;
  138. height:100%;
  139. }
  140.  
  141. #title {
  142. font-size:30px;
  143. font-family: 'Pinyon Script';
  144. line-height:35px;
  145. padding:8px;
  146. text-align:center;
  147. position:relative;
  148. left:20px;
  149. width:90%;
  150. top:20%;
  151. margin-top:-100px;
  152. z-index:75;
  153. }
  154.  
  155. #sidebar {
  156. border-width: 1px;
  157. border-color: {color:Border};
  158. border-style: solid;
  159. position: relative;
  160. left: 20px;
  161. top:20%;
  162. margin-top:5px;
  163. width: 90%;
  164. max-width:480px;
  165. overflow:hidden;
  166. }
  167.  
  168. #sidebar img {
  169. max-width: 100%;
  170. max-height:auto;
  171. }
  172.  
  173. #sidebardesc {
  174. position:relative;
  175. font-size:14px;
  176. left:20px;
  177. top:20%;
  178. margin-top:10px;
  179. width:88%;
  180. max-height:250px;
  181. border-width: 1px;
  182. border-color: {color:Border};
  183. border-style: solid;
  184. z-index:95;
  185. padding:3px;
  186. }
  187.  
  188. #postcont {
  189. position:fixed;
  190. min-width:560px;
  191. width:100%;
  192. height:100%;
  193. right:253px;
  194. background-color:{color:BG Color};
  195. z-index:-99;
  196. overflow:auto;
  197. }
  198.  
  199. #cornerbar {
  200. border-left: 3px {color:Border} solid;
  201. background-color: {color:Corner Color};
  202. position: fixed;
  203. right:0px;
  204. width: 250px;
  205. height: 100%;
  206. z-index: 50;
  207. overflow:hidden;
  208. }
  209.  
  210. #cornerbar img {
  211. position:fixed;
  212. bottom:0px;
  213. margin-bottom:0px;
  214. max-width:250px;
  215. height:auto;
  216. z-index:-55;
  217. }
  218.  
  219. .navlinks {
  220. top:30px;
  221. text-align:center;
  222. border-width: 1px;
  223. border-color: {color:Border};
  224. border-style: solid;
  225. background-color: {color:Navlinks Color};
  226. position: relative;
  227. padding:3px;
  228. margin-top:10px;
  229. margin-left: 48px;
  230. width: 150px;
  231. height: 19px;
  232. z-index: 99;
  233. opacity:.4;
  234. }
  235.  
  236. .navlinks a {
  237. font-family: 'Josefin Sans', Helvetica, Arial;
  238. font-size:14px;
  239. font-weight:bolder;
  240. text-transform:uppercase;
  241. text-decoration:none;
  242. color:{color:Links};
  243. -webkit-transition: all 0.7s ease;
  244. -moz-transition: all 0.7s ease;
  245. -o-transition: all 0.7s ease;
  246. }
  247.  
  248. .navlinks a:hover {
  249. letter-spacing:3px;
  250. color:{color:Links Hover};
  251. opacity:1;
  252. -webkit-transition: all 0.7s ease;
  253. -moz-transition: all 0.7s ease;
  254. -o-transition: all 0.7s ease;
  255. }
  256.  
  257. #pagination {
  258. position:absolute;
  259. text-align:center;
  260. font-family:'Josefin Sans', Helvetica, Arial;
  261. width:250px;
  262. letter-spacing:0px;
  263. right: 0px;
  264. top:16px;
  265. z-index:990;
  266. }
  267.  
  268. #pagination a {
  269. font-size:14px;
  270. color:{color:Links};
  271. text-decoration:none;
  272. -webkit-transition: all 0.5s ease-out;
  273. -moz-transition: all 0.5s ease-out;
  274. -o-transition: all 0.5s ease-out;
  275. }
  276.  
  277. #pagination a:hover {
  278. color:{color:Links Hover};
  279. }
  280.  
  281.  
  282. /* 8 Post Types stylization here */
  283.  
  284. .post {
  285. position:relative;
  286. width:500px;
  287. background:rgba(255,255,255,.4);
  288. left:50%;
  289. margin-bottom:7px;
  290. margin-top:35px;
  291. padding:3px;
  292. z-index:-3;
  293. border-width:2px;
  294. border-style:solid;
  295. border-color:#d1f2ff;
  296. box-shadow: 5px 5px 0px #739ede;
  297. }
  298.  
  299. .quote {
  300. text-align:justify;
  301. font-size:18px;
  302. padding:3px;
  303. background-color: rgba(255,255,255,.4);
  304. }
  305.  
  306. .asks {
  307. padding:3px;
  308. background-color: rgba(255,255,255,.3);
  309. border-bottom:1px dotted white;
  310. }
  311.  
  312. .notes {
  313. font-size:9px;
  314. text-align:center;
  315. text-transform:uppercase;
  316. border-top:1px dashed rgba(27, 47, 152, .7);
  317. padding-top:5px;
  318. }
  319.  
  320. .notes a {
  321. font-family: 'Josefin Sans', Helvetica, Arial;
  322. font-size: 10px;
  323. line-height:22px;
  324. color:{color:Links};
  325. text-decoration:none;
  326. -webkit-transition: all .5s ease;
  327. -o-transition: all .5s ease;
  328. -moz-transition: all .5s ease;
  329. }
  330.  
  331. .notes a:hover {
  332. color:{color:Links Hover};
  333. -webkit-transition: all .5s ease;
  334. -o-transition: all .5s ease;
  335. -moz-transition: all .5s ease;
  336. }
  337.  
  338. .tags {
  339. font-size:14px;
  340. text-align:center;
  341. text-transform:uppercase;
  342. }
  343.  
  344. .tags a {
  345. font-family: 'Josefin Sans', Helvetica, Arial;
  346. font-size: 10px;
  347. line-height:22px;
  348. color:{color:Links};
  349. text-decoration:none;
  350. -webkit-transition: all .5s ease;
  351. -o-transition: all .5s ease;
  352. -moz-transition: all .5s ease;
  353. }
  354.  
  355. .tags a:hover {
  356. color:{color:Links Hover};
  357. -webkit-transition: all .5s ease;
  358. -o-transition: all .5s ease;
  359. -moz-transition: all .5s ease;
  360. }
  361.  
  362. .audio {
  363. margin-bottom:10px;
  364. height:100px;
  365. }
  366.  
  367. .albumart {
  368. position:absolute;
  369. width:98px;
  370. border:1px solid rgba(0,0,0,.1);
  371. padding:2px;
  372. z-index:1;
  373. }
  374.  
  375. .player {
  376. position:absolute;
  377. background:#000;
  378. width:27px;
  379. z-index:999;
  380. height:27px;
  381. overflow:hidden;
  382. margin-top:35px;
  383. margin-left:35px;
  384. padding:3px;
  385. opacity:0;
  386. -webkit-transition: all 0.6s ease-out;
  387. -o-transition: all 0.6s ease-out;
  388. -webkit-transition: all 0.6s ease-out;
  389. -moz-transition: all 0.6s ease-out;
  390. }
  391.  
  392. .audio:hover .player {
  393. opacity:.7;
  394. }
  395.  
  396. .audioinfo {
  397. width:370px;
  398. float:right;
  399. text-align:left;
  400. padding:2px;
  401. line-height:20px;
  402. }
  403.  
  404. .chats {
  405. line-height:20px;
  406. }
  407. </style>
  408.  
  409. </head>
  410.  
  411. <body>
  412.  
  413. <div id="sidebarcont">
  414. <div id="title">{Title}</div>
  415.  
  416. <div id="sidebar">
  417. <img src="{image:Sidebar}">
  418. </div>
  419.  
  420. <div id="sidebardesc">
  421. {Description}
  422. </div>
  423. </div>
  424.  
  425. <div id="postcont">
  426. {block:Posts}<div class="post">
  427. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  428.  
  429. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  430.  
  431. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  432.  
  433. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  434.  
  435. {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  436.  
  437. {block:Answer}<div class="asks"><img src="{AskerPortraitURL-30}"/><i><b> {Asker}</b> asked: </i>{Question}</div>{Answer}{/block:answer}
  438.  
  439. {block:Audio}
  440. <div class="audio">
  441. {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  442. <div class="player">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
  443. <div class="audioinfo">
  444. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  445. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  446. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  447. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}</div></div>
  448.  
  449. {block:Caption}{Caption}{/block:Caption}
  450. {/block:Audio}
  451.  
  452. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  453. <div class="chats">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  454.  
  455. <div class="notes">
  456. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} || <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  457. {block:RebloggedFrom} || <a href="{ReblogParentURL}">{ReblogParentName} </a>{/block:RebloggedFrom}
  458. {block:ContentSource} || © <a href="{SourceURL}">{SourceLink}
  459. </a>{/block:ContentSource}{/block:Date}
  460. </div>
  461.  
  462. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  463.  
  464. {block:HasTags}<div class="tags">
  465. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  466. {/block:HasTags}
  467.  
  468.  
  469. {block:PostNotes}{PostNotes}{/block:PostNotes}
  470.  
  471. </div>{/block:Posts}
  472. </div>
  473.  
  474. <div id="cornerbar">
  475.  
  476. <div id="pagination">
  477. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous </a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"> next</a>{/block:NextPage}{/block:Pagination}</div>
  478.  
  479. <div class="navlinks">
  480. <a href="{text:URL 1}">{text:Link 1}</a>
  481. </div>
  482. <div class="navlinks">
  483. <a href="{text:URL 2}">{text:Link 2}</a>
  484. </div>
  485. <div class="navlinks">
  486. <a href="{text:URL 3}">{text:Link 3}</a>
  487. </div>
  488. <div class="navlinks">
  489. <a href="{text:URL 4}">{text:Link 4}</a>
  490. </div>
  491. <div class="navlinks">
  492. <a href="{text:URL 5}">{text:Link 5}</a>
  493. </div>
  494. <div class="navlinks">
  495. <a href="{text:URL 6}">{text:Link 6}</a>
  496. </div>
  497. <div class="navlinks">
  498. <a href="{text:URL 7}">{text:Link 7}</a>
  499. </div>
  500. <div class="navlinks">
  501. <a href="{text:URL 8}">{text:Link 8}</a>
  502. </div>
  503. <div class="navlinks">
  504. <a href="{text:URL 9}">{text:Link 9}</a>
  505. </div>
  506. <div class="navlinks">
  507. <a href="http://beautiful--pirate.tumblr.com/themes">Theme</a>
  508. </div>
  509. <img src="{image:Corner}">
  510. <div class="cornertitle1">MARCO RP</div>
  511. <div class="cornertitle2">INDEPENDENT</div>
  512. </div>
  513. </body>
  514. </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!