API tools faq
paste
Advertisement
thetruththemes

Roxas Tumblr Theme

thetruththemes
Sep 22nd, 2014
1,522
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.67 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!----------------------------------------------------------------------------
  4. ,,
  5. ,GG,
  6. GIIG
  7. Gl''lG
  8. ;G' 'G;
  9. GP YG
  10. oQ' 'Qo -Rᴏxᴀs ᴛʜᴇᴍᴇ ʙʏ
  11. *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  12. *TGo, '* *' ,oGP*
  13. *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
  14. *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
  15. ;GGT' 'TGG:
  16. GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
  17. GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
  18. GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
  19. oG* oGG* *GGo. *Go
  20. ;GG;oGG* *GGo;GG;
  21. ,GGGT* *TGGG,
  22. ""' '""
  23.  
  24. ----------------------------------------------------------------------------->
  25. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  27.  
  28. <head>
  29.  
  30. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:Favicon}"/>{/block:Ifcustomfavicon}
  31. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  32.  
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  34. <title>{Title}</title>
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36.  
  37. <!------------------------------ IMAGES ------------------------------->
  38. <meta name="image:Background" content="http://static.tumblr.com/u5vz4xb/c01nca8jt/dark_leather2.png"/>
  39. <meta name="image:Roxas Sidebar" content="http://static.tumblr.com/u5vz4xb/fcCnca8h8/roxas_sidebar2.png"/>
  40. <meta name="image:Sidebar BG" content="http://static.tumblr.com/u5vz4xb/Sjcnca8ki/untitled-3.png"/>
  41. <meta name="image:Album Art" content="http://static.tumblr.com/u5vz4xb/WJOnca8ic/untitled-1.png"/>
  42. <meta name="image:Custom Cursor 1" content="https://31.media.tumblr.com/9ea6bc7214c6ddb67c557cd8b23ab671/tumblr_inline_nc44dnFjVe1rg1lxe.png"/>
  43. <meta name="image:Custom Cursor 2" content="https://31.media.tumblr.com/bff32ca958881be6ff0a641decffc920/tumblr_inline_nc44drbXDt1rg1lxe.png"/>
  44. <meta name="image:Favicon" content="https://31.media.tumblr.com/9e9c4552b50b35b5a3553413a03e2ef5/tumblr_inline_njhgtxbePZ1rg1lxe.png"/>
  45.  
  46. <!------------------------------ COLORS ------------------------------->
  47.  
  48. <!-- Full Body -->
  49. <meta name="color:Background and Scroll BG" content="#17191e"/>
  50. <meta name="color:Scrollbar Thumb" content="#7d8084"/>
  51. <meta name="color:Shadows" content="#080b10"/>
  52. <!-- Sidebar -->
  53. <meta name="color:Sidebar Title" content="#9f9a99"/>
  54. <meta name="color:Description Text" content="#dddddd"/>
  55. <meta name="color:Description Links" content="#e58543"/>
  56. <meta name="color:Description Links Hover" content="#f7bd61"/>
  57. <meta name="color:Sidebar Scroll Thumb" content="#32343a"/>
  58. <meta name="color:Sidebar Scroll Track" content="#15191e"/>
  59. <meta name="color:Sidelinks BG" content="#e58543"/>
  60. <meta name="color:Sidelinks BG Hover" content="#eea152"/>
  61. <meta name="color:Sidelinks" content="#a75540"/>
  62. <meta name="color:Sidelinks Hover" content="#533831"/>
  63. <meta name="color:Separator Bar" content="#080b10"/>
  64. <!-- Posts -->
  65. <meta name="color:Posts BG" content="#080b10"/>
  66. <meta name="color:Posts Titles" content="#9f9a99"/>
  67. <meta name="color:Posts Text" content="#dddddd"/>
  68. <meta name="color:Posts Bold" content="#eeeeee"/>
  69. <meta name="color:Posts Italic" content="#eeeeee"/>
  70. <meta name="color:Posts Link" content="#e58543"/>
  71. <meta name="color:Posts Link Hover" content="#f7bd61"/>
  72. <meta name="color:Posts Code" content="#dddddd"/>
  73. <meta name="color:Posts Code BG" content="#121318"/>
  74. <meta name="color:Posts Blockquote" content="#121318"/>
  75. <meta name="color:Ask BG" content="#121318"/>
  76. <meta name="color:Audio Player" content="#b45350"/>
  77. <!-- Post Information -->
  78. <meta name="color:Post Checkers" content="#a64d2d"/>
  79. <meta name="color:Post Checkers Hover" content="#e58543"/>
  80. <meta name="color:Post Ending BG" content="#121318"/>
  81. <meta name="color:Post Ending Text" content="#777777"/>
  82. <meta name="color:Post Ending Links" content="#714839"/>
  83. <meta name="color:Post Ending Links Hover" content="#e58543"/>
  84. <!-- Permalink -->
  85. <meta name="color:Permalink Text" content="#5c636b"/>
  86. <meta name="color:Permalink Links" content="#7d8084"/>
  87. <meta name="color:Permalink Links Hover" content="#a5abb3"/>
  88. <meta name="color:Permalink Blockquote" content="#d24c24"/>
  89. <!-- Misc. -->
  90. <meta name="color:Link Hover Text" content="#494949"/>
  91. <meta name="color:Link Hover BG" content="#d5d5d5"/>
  92. <meta name="color:Selection BG" content="#393c40"/>
  93. <meta name="color:Selection Text" content="#777777"/>
  94. <meta name="color:Selection Links" content="#714839"/>
  95.  
  96. <!------------------------------ OPTIONS ------------------------------->
  97.  
  98. <meta name="if:One More Extra SideLink" content="0"/>
  99. <meta name="if:Info Checkers for Indexpage" content="1"/>
  100. <meta name="if:Monochrome Photos" content="1"/>
  101. <meta name="if:Fade Photos" content="1"/>
  102. <meta name="if:Custom Cursor" content="1"/>
  103. <meta name="if:Custom Favicon" content="1"/>
  104. <meta name="if:Dark Audio Player" content="1"/>
  105. <meta name="if:Credit on the Right" content="1"/>
  106.  
  107. <!------------------------------ TEXTS ------------------------------->
  108. <meta name="text:sidebar title" content="title here"/>
  109. <meta name="text:ask verb" content="pondered"/>
  110. <!-- custom link 1 -->
  111. <meta name="text:link 1 url" content="/"/>
  112. <meta name="text:link 1 symbol" content="fa fa-tags"/>
  113. <meta name="text:link 1 title" content="title 1 here"/>
  114. <!-- custom link 2 -->
  115. <meta name="text:link 2 url" content="/"/>
  116. <meta name="text:link 2 symbol" content="fa fa-heart"/>
  117. <meta name="text:link 2 title" content="title 2 here"/>
  118. <!-- custom link 3 -->
  119. <meta name="text:link 3 url" content="/"/>
  120. <meta name="text:link 3 symbol" content="fa fa-key"/>
  121. <meta name="text:link 3 title" content="title 3 here"/>
  122.  
  123. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  124. <link href='http://fonts.googleapis.com/css?family=Cinzel:400,700,900' rel='stylesheet' type='text/css'>
  125.  
  126. </head>
  127.  
  128. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  129. <script type="text/javascript" src="http://static.tumblr.7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  130. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  131.  
  132. <script type="text/javascript">
  133. WebFontConfig = {
  134. google: { families: [ 'Cinzel:400,700,900:latin' ] }
  135. };
  136. (function() {
  137. var wf = document.createElement('script');
  138. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  139. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  140. wf.type = 'text/javascript';
  141. wf.async = 'true';
  142. var s = document.getElementsByTagName('script')[0];
  143. s.parentNode.insertBefore(wf, s);
  144. })(); </script>
  145.  
  146. <style type="text/css">
  147.  
  148. @import url(http://fonts.googleapis.com/css?family=Cinzel:400,700,900);
  149.  
  150. /* --------------------------- DECORATION ---------------------------- */
  151.  
  152. body {
  153. color:{color:Posts text};
  154. background:{color:background and scroll bg} url({image:background}) fixed;
  155. font-family:Calibri;
  156. font-size:10px;
  157. line-height:12px;
  158. text-align:justify;}
  159.  
  160. /*-------------------------- CREDIT; DON'T REMOVE --------------------------*/
  161.  
  162. #credit {
  163. z-index:99999;
  164. position:fixed;
  165. bottom:10px;
  166. {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
  167. {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
  168. width:20px; height:20px;
  169. font-size:20px;
  170. letter-spacing:1px;
  171. font-weight:bold;}
  172. #credit a {
  173. color:{color:Post Checkers};
  174. text-shadow: 0 0 3px {color:shadows};
  175. -webkit-transition: all 0.3s linear;
  176. -moz-transition: all 0.3s linear;
  177. transition: all 0.3s linear;}
  178. #credit a:hover {
  179. color:{color:Post Checkers Hover};
  180. text-shadow: 0 0 3px {color:shadows};}
  181.  
  182. /* --------------------------- MINOR STUFF ---------------------------- */
  183.  
  184. /* hover text */
  185. #s-m-t-tooltip {
  186. z-index: 99999;
  187. display: block;
  188. margin-left: 25px;
  189. margin-top: 5px;
  190. max-width:200px;
  191. padding: 3px 5px 4px 6px;
  192. background: {color:Link Hover BG};
  193. border-radius: 1px;
  194. box-shadow: 0 0 5px rgba(0,0,0,.1);
  195. color: {color:Link Hover Text};
  196. font-family:Calibri;
  197. font-size:8px;
  198. line-height:10px;
  199. text-transform:uppercase;
  200. font-weight:bold;
  201. letter-spacing:1px;
  202. text-align:left;}
  203.  
  204. /* scrollbar */
  205. ::-webkit-scrollbar {
  206. height: 6px;
  207. width: 6px;
  208. background: transparent;}
  209. ::-webkit-scrollbar-thumb {
  210. background-color:{color:scrollbar thumb};
  211. border-radius: 1px;}
  212.  
  213. /* drag n' click selection */
  214. ::selection {
  215. background: {color:Selection BG};
  216. color: {color:Selection Text};}
  217. ::-moz-selection {
  218. background: {color:Selection BG};
  219. color: {color:Selection Text};}
  220. p::selection {
  221. background: {color:Selection BG};
  222. color: {color:Selection Text};}
  223. p::-moz-selection {
  224. background: {color:Selection BG};
  225. color: {color:Selection Text};}
  226. a::selection {
  227. background: {color:Selection BG};
  228. color: {color:Selection Links};}
  229. a::-moz-selection {
  230. background: {color:Selection BG};
  231. color: {color:Selection Links};}
  232.  
  233. /* ------------------------- FONT STUFF --------------------------- */
  234.  
  235. /* links */
  236. a:link, a:active, a:visited{
  237. color: {color:Posts link};
  238. text-decoration:none;
  239. -webkit-transition: all 0.2s linear;
  240. -moz-transition: all 0.2s linear;
  241. transition: all 0.2s linear;}
  242. a:hover {
  243. color:{color:Posts link hover};}
  244.  
  245. /* main font decorations */
  246. b, strong{color:{color:Posts Bold};}
  247. i, em {color:{color:Posts Italic};}
  248. pre {color:{color:Posts Code};
  249. font-size:10px;
  250. max-width:100%;
  251. font-family:consolas;
  252. word-break: break-all;
  253. background:{color:Posts Code BG};
  254. padding: 4px 6px;
  255. white-space: pre-wrap;
  256. white-space: -moz-pre-wrap;
  257. white-space: -pre-wrap;
  258. white-space: -o-pre-wrap;
  259. word-wrap: break-word;}
  260. .posts p:last-child {
  261. margin-bottom:0px;}
  262. .posts p:first-child {
  263. margin-top:0px;}
  264. code {
  265. color:{color:Posts Code};
  266. font-size:10px;
  267. font-family:consolas;
  268. background:{color:Posts Code BG};
  269. padding:0px 1px 0px 1px;}
  270.  
  271. /* text and link post titles */
  272. h1 {font: normal normal 700 19px/19px Cinzel;
  273. color:{color:Posts Title};
  274. text-align:center;
  275. letter-spacing:0.5px;}
  276. /* quote and ask post titles */
  277. h2 {font: normal normal 400 18px/18px Cinzel;
  278. color:{color:Posts Bold};
  279. text-align:center;
  280. letter-spacing:0.5px;}
  281. .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
  282.  
  283. /* ----------------------------- SIDEBAR ------------------------------- */
  284.  
  285. /* roxas image */
  286. #roxas{
  287. position:fixed;
  288. z-index:-2;
  289. left:0px;
  290. top:0px;
  291. width:400px;
  292. height:625px;}
  293.  
  294. /* sidebar bg */
  295. #side {
  296. position:fixed;
  297. z-index:-2;
  298. width:400px;
  299. height:100%;
  300. left:0px;
  301. top:0px;
  302. background:url({image:sidebar bg});}
  303.  
  304. /* separator bar */
  305. #bar {
  306. position:fixed;
  307. z-index:-1;
  308. left:400px;
  309. top:0px;
  310. height:100%;
  311. width:30px;
  312. background:{color:separator bar};
  313. box-shadow: 5px 0px 40px {color:Shadows};}
  314.  
  315. /* inside roxas's coat */
  316. #sidebar {
  317. position:fixed;
  318. left:165px;
  319. top:80px;
  320. width:230px;
  321. text-align: justify;
  322. font-family:Calibri;
  323. line-height:13px;
  324. font-size:8px;
  325. text-transform:uppercase;}
  326.  
  327. /* description */
  328. #description {
  329. width:180px;
  330. height:120px;
  331. overflow:auto;
  332. padding-right: 5px;
  333. color:{color:Description Text};}
  334. #descripton a {{color:Description Links}}
  335. #descripton a:hover {{color:Description Links Hover}}
  336. /* description scrollbar */
  337. #sidebar ::-webkit-scrollbar {
  338. height: 3px;
  339. width: 3px;
  340. background-color:{color:sidebar scroll track};
  341. border: 1px solid #080b10;}
  342. #sidebar ::-webkit-scrollbar-thumb:vertical{
  343. background-color:{color:sidebar scroll thumb};
  344. border-radius: 1px;}
  345.  
  346. /* checker links */
  347. #sidelinks {
  348. {block:ifOneMoreExtraSideLink}margin-top:-120px;{/block:ifOneMoreExtraSideLink}
  349. {block:ifNotOneMoreExtraSideLink}margin-top:-112px;{/block:ifNotOneMoreExtraSideLink}
  350. margin-left:195px;}
  351.  
  352. /* individal squares */
  353. #sidelinks a {
  354. display:block;
  355. width:20px; height:20px;
  356. overflow:hidden;
  357. border-radius:1px;
  358. background:{color:sidelinks bg};
  359. color:{color:sidelinks};
  360. text-align:center;
  361. -webkit-transition: all 0.2s linear;
  362. -moz-transition: all 0.2s linear;
  363. transition: all 0.2s linear;}
  364. #sidelinks a:hover {
  365. background:{color:sidelinks bg hover};
  366. color:{color:sidelinks hover};}
  367. #sidelinks l {
  368. font-size:14px;
  369. position: relative;
  370. top: 50%;
  371. -webkit-transform: translateY(-50%);
  372. -ms-transform: translateY(-50%);
  373. transform: translateY(-50%);}
  374.  
  375. /* page navigation */
  376. #pagination {
  377. position:relative;
  378. {block:ifOneMoreExtraSideLink}top:5px;{/block:ifOneMoreExtraSideLink}
  379. {block:ifNotOneMoreExtraSideLink}top:17px;{/block:ifNotOneMoreExtraSideLink}
  380. width:100%; text-align:center;}
  381.  
  382. /* ------------------------- POSTS --------------------------- */
  383.  
  384. /* post position */
  385. #entries {
  386. z-index:9;
  387. position:absolute;
  388. margin-top:70px;
  389. margin-left:420px;
  390. text-align: justify;}
  391. /* posts */
  392. .posts {
  393. z-index:9;
  394. margin: 0px 0px 70px 0px;
  395. overflow:hidden;
  396. width: 500px;
  397. min-height:55px;
  398. text-align: justify;
  399. padding: 10px 10px 10px 15px;
  400. background-color:{color:posts bg};
  401. border-radius:0px 7px 7px 0px;
  402. box-shadow: 0px 0px 20px {color:shadows};}
  403.  
  404. /* checker links */
  405. #postinfo {
  406. position:absolute;
  407. margin-top:10px;
  408. margin-left:535px;}
  409.  
  410. /* singular links */
  411. #postinfo a {
  412. display:block;
  413. width:11px;
  414. height:11px;
  415. border-radius:1px;
  416. box-shadow: 0 0 7px {color:Shadows};
  417. background:{color:Post Checkers};
  418. -webkit-transition: all 0.2s linear;
  419. -moz-transition: all 0.2s linear;
  420. transition: all 0.2s linear;}
  421. #postinfo a:hover {
  422. background:{color:Post Checkers Hover};}
  423.  
  424. /* ------------------------- POST TYPES --------------------------- */
  425.  
  426. /* text post */
  427. blockquote {
  428. padding:0px;
  429. padding-left:6px;
  430. margin-left:6px;
  431. margin-right:0px;
  432. border-left:3px solid {color:Posts Blockquote};}
  433. hr {display: block;
  434. margin-top: 0.5em;
  435. margin-bottom: 0.5em;
  436. margin-left: auto;
  437. margin-right: auto;
  438. border-style: solid;
  439. border-width: 1px;
  440. border-color: {color:posts blockquote};}
  441.  
  442. /* bullet lists */
  443. ul {margin-left:-20px;
  444. list-style-type:circle;}
  445. ol {margin-left:-20px;
  446. list-style-type:decimal;}
  447. li {margin-bottom:3px;}
  448.  
  449. /* text-images */
  450. .posts img {
  451. max-width:100%;
  452. {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
  453. -webkit-transition-duration: 0.2s;
  454. -moz-transition-duration:0.2s;
  455. -o-transition-duration:0.2s;
  456. transition-duration:0.2s;}
  457. .posts:hover img {opacity:1;}
  458. /* the credit below images that are from other people */
  459. .tmblr-full {margin:0;}
  460. .tmblr-attribution {
  461. opacity:.8;
  462. margin-top:0px;
  463. font-family:Calibri;
  464. font-size:8px; line-height:8px;
  465. text-transform:uppercase;
  466. letter-spacing:1px;}
  467. .tmblr-attribution::before {content: "└";}
  468. .tmblr-attribution::after {content: " >";}
  469. img a{border:none; max-width:100%;}
  470.  
  471. /* link posts */
  472. .link-posts a {
  473. background: {color:Posts link};
  474. display:inline-block;
  475. width: 480px;
  476. border-radius:3px;
  477. padding:10px;
  478. color:{color:Posts BG};}
  479. .link-posts a:hover {
  480. background: {color:Posts Link Hover}}
  481.  
  482. /* ask posts */
  483. .ask-posts {
  484. min-height:64px;
  485. padding: 10px;
  486. background: {color:ask bg};
  487. border-radius:3px;}
  488. .ask-posts img {
  489. border-radius:2px;
  490. max-width:64px;}
  491. .ask-posts .question {
  492. margin-top:-64px; margin-left:74px;
  493. width:406px;}
  494. .ask-posts h2 {text-align:left; margin:0px 0px 5px 0px;}
  495.  
  496. /* quote posts */
  497. .quote-posts {
  498. border-top:3px solid {color:Posts Blockquote};
  499. border-bottom:3px solid {color:Posts Blockquote};
  500. margin:0px 0px 5px 0px;
  501. padding:10px;
  502. text-align:center}
  503. .fa-quote-left {float:left; color:{color:Posts Blockquote}}
  504. .fa-quote-right {float:right; color:{color:Posts Blockquote}}
  505.  
  506. /* chat posts */
  507. ul.chat, .chat ol, .chat li {
  508. list-style:none;
  509. margin:0px;
  510. padding:4px 0px 4px 2px;}
  511. ul.chat, .chat ol {margin:-2px 0px;}
  512. .chat li {
  513. border-bottom:2px solid {color:Posts Blockquote};}
  514. .chat li:first-of-type {
  515. border-top:2px solid {color:Posts Blockquote};}
  516. .person {
  517. color:{color:Posts Bold};
  518. font-weight:bold}
  519.  
  520. /* photo posts */
  521. .posts .photo-posts {
  522. {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
  523. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  524. -webkit-transition-duration: 0.5s;
  525. -moz-transition-duration:0.5s;
  526. transition-duration:0.5s;
  527. -o-transition-duration:0.5s;}
  528. .posts:hover .photo-posts {
  529. opacity:1;
  530. -webkit-filter: grayscale(0%);
  531. -webkit-transition-duration: 0.5s;
  532. -moz-transition-duration:0.5s;
  533. transition-duration:0.5s;
  534. -o-transition-duration:0.5s;}
  535. .posts .html_photoset {
  536. {block:IfFadePhotos}opacity:0.7;{/block:IfFadePhotos}
  537. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  538. -webkit-transition-duration: 0.5s;
  539. -moz-transition-duration:0.5s;
  540. transition-duration:0.5s;
  541. -o-transition-duration:0.5s;}
  542. .posts:hover .html_photoset {
  543. opacity:1;
  544. -webkit-filter: grayscale(0%);
  545. -webkit-transition-duration: 0.5s;
  546. -moz-transition-duration:0.5s;
  547. transition-duration:0.5s;
  548. -o-transition-duration:0.5s;}
  549.  
  550. /* video posts */
  551. .caption #youtube_iframe, .caption iframe {
  552. margin:5px 0px 5px 0px;
  553. max-width:100%;}
  554.  
  555. /* audio posts */
  556. /* album image */
  557. #albumart {
  558. position:absolute;
  559. margin-right:10px;
  560. width:100px; height:100px;
  561. background: url('{image:Album Art}');
  562. background-size:cover;
  563. border-radius:1px;}
  564. .posts #albumart {
  565. {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
  566. {block:IfFadePhotos}opacity:.7;{/block:IfFadePhotos}
  567. -webkit-transition: all 0.2s linear;
  568. -moz-transition: all 0.2s linear;
  569. transition: all 0.2s linear;}
  570. .posts:hover #albumart {
  571. -webkit-filter: grayscale(0%);
  572. opacity:1;}
  573. /* music player */
  574. .posts #audio-player {
  575. margin-left:110px;
  576. max-width:207px;
  577. max-height:27px;
  578. {block:IfMonochromePhotos}background:#808080;{/block:IfMonochromePhotos}
  579. {block:IfNotMonochromePhotos}background:{color:Audio Player};{/block:IfNotMonochromePhotos}
  580. border-radius:1px;
  581. -webkit-transition: all 0.2s linear;
  582. -moz-transition: all 0.2s linear;
  583. transition: all 0.2s linear;}
  584. .posts:hover #audio-player {
  585. background:{color:Audio Player}}
  586. /* audio information */
  587. #audioinfo {
  588. height:66px;
  589. margin:-3px 0px 5px 110px;
  590. text-transform:uppercase;
  591. font-family:Calibri;
  592. font-size:8px;
  593. line-height:13px;
  594. letter-spacing:1px;}
  595.  
  596. /* ---------------------------- PERMALINK ----------------------------- */
  597.  
  598. /* permalink post information */
  599. #postending {
  600. border-radius:3px;
  601. background: {color:Post Ending BG};
  602. text-align:center;
  603. border-radius:1px;
  604. padding:10px;
  605. margin-top:15px;
  606. text-transform:uppercase;
  607. font-family:Calibri;
  608. letter-spacing:1px;
  609. font-size:8px;
  610. color: {color:Post Ending Text};}
  611. #postending a {
  612. color:{color:Post Ending Links};}
  613. #postending a:hover {
  614. color:{color:Post Ending Links Hover};}
  615.  
  616. /* permalink position */
  617. #permalink {
  618. margin-top:-70px;
  619. max-height:600px;
  620. padding-top:20px;
  621. padding-bottom:20px;
  622. width: 540px;
  623. max-width: 540px;
  624. text-transform:uppercase;
  625. font-weight:bold;
  626. font-family:Calibri;
  627. letter-spacing:1px;
  628. font-size:8px;
  629. text-align:left;
  630. color:{color:Permalink Text};}
  631. #permalink a {
  632. text-decoration:none;
  633. color:{color:Permalink Links};}
  634. #permalink a:hover {
  635. color:{color:Permalink Links Hover};}
  636.  
  637. /* post notes container */
  638. #notescontainer {
  639. width: 500px;
  640. max-height:580px;
  641. padding-right:20px;
  642. overflow: auto;
  643. line-height:14px;}
  644. #notescontainer blockquote {
  645. margin-top:3px;
  646. margin-bottom:3px;
  647. border-left:3px solid {color:Permalink Blockquote};}
  648.  
  649. /* permalink etc */
  650. .notes img {
  651. width: 10px;
  652. position: relative;
  653. vertical-align: middle;
  654. padding-right: 5px;}
  655. ol.notes, .notes li {
  656. width: 480px;
  657. list-style: none;
  658. margin: 0px 5px 0px 5px;
  659. padding-left: 5px}
  660.  
  661. </style>
  662. <body>
  663. <!-------------------------------- SCRIPTS -------------------------------->
  664. <!-- Insert SCM Music Player Below; refer to original post for a custom SCM skin made specifically to FIT the theme -->
  665.  
  666.  
  667. {block:ifcustomcursor}
  668. <!-- custom cursor -->
  669. <style type="text/css"> body {cursor: url({image:custom cursor 1}), auto;} a, a:hover {cursor:url({image:custom cursor 2}), auto;}
  670. </style>
  671. <!-- thing so that the custom cursor will actually SHOW in certain parts. A LOT of custom cursors don't show up on empty spaces, so this fixes that -->
  672. <img src="http://static.tumblr.com/u5vz4xb/C4Kn6ao9p/00delete.png" style="position:fixed; width:100%; height:100%; opacity:0; z-index: -10;">
  673. {/block:ifcustomcursor}
  674.  
  675. <!------------------------- CREDIT; DON'T REMOVE ---------------------------->
  676.  
  677. <div id="credit">
  678. <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes">
  679. <l class="fa fa-th"></l>
  680. </a>
  681. </div>
  682.  
  683. <!-------------------------------- SIDEBAR -------------------------------->
  684.  
  685. <!-- roxas + side background -->
  686. <div id="side"><div id="roxas"><img src="{image:roxas sidebar}"></div></div>
  687. <div id="bar"></div>
  688.  
  689. <!-- roxas's coat -->
  690. <div id="sidebar">
  691. <h1 style="text-align:center; text-transform:none; color:{color:sidebar title}">{text:sidebar title}</h1>
  692. <div id="description">{description}</div>
  693.  
  694. <!-- checker links -->
  695. <div id="sidelinks">
  696. <a href="/" title="Home"><l class="fa fa-home"></l></a>
  697. <a href="/ask" title="Message" style="margin-left:20px"><l class="fa fa-envelope"></l></a>
  698. <a href="/archive" title="Archive"><l class="fa fa-clock-o"></l></a>
  699. <a href="{text:link 1 url}" title="{text:link 1 title}" style="margin-left:20px"><l class="{text:link 1 symbol}"></l></a>
  700. <a href="{text:link 2 url}" title="{text:link 2 title}"><l class="{text:link 2 symbol}"></l></a>
  701. {block:ifOneMoreExtraSideLink}<a href="{text:link 3 url}" title="{text:link 3 title}" style="margin-left:20px"><l class="{text:link 3 symbol}"></l></a>{/block:ifOneMoreExtraSideLink}
  702. </div>
  703.  
  704. <!-- page navigation -->
  705. {block:Pagination}<div id="pagination">
  706. {block:PreviousPage}<a href="{PreviousPage}">◀ prev </a>{/block:PreviousPage}
  707. {CurrentPage}/{TotalPages}
  708. {block:NextPage}<a href="{NextPage}"> next ▶</a>{/block:NextPage}
  709. </div>{/block:Pagination}
  710.  
  711. </div>
  712.  
  713. <!--------------------------------- POSTS --------------------------------->
  714.  
  715. <div id="entries">
  716. {block:posts}
  717.  
  718. <!------------- If Checkers for Index Page ------------->
  719. {block:IfInfoCheckersForIndexpage}
  720. {block:IndexPage}
  721. <div id="postinfo">
  722.  
  723. <!-- time posted -->
  724. <a {block:Date}href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"{/block:Date}></a>
  725.  
  726. <!-- notes counter -->
  727. <a {block:NoteCount}href="{Permalink}" title="{NoteCountWithLabel}"{/block:NoteCount} style="margin-left:11px"></a>
  728.  
  729. <!-- original poster -->
  730. <a {block:ContentSource}href="{SourceURL}" title="Source: {SourceTitle}"{/block:ContentSource}></a>
  731.  
  732. <!-- reblogged from -->
  733. <a {block:RebloggedFrom}href="{ReblogParentURL}" title="Via: {ReblogParentName}"{/block:RebloggedFrom} style="margin-left:11px"></a>
  734.  
  735. <!-- tags -->
  736. <a {block:HasTags}href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"{/block:HasTags}></a>
  737.  
  738. </div>
  739. {/block:IndexPage}
  740. {/block:IfInfoCheckersForIndexpage}
  741.  
  742. <div class="posts">
  743.  
  744. <!------------------------------ POST TYPES ------------------------------->
  745.  
  746. <!-- text posts -->
  747. {block:Text}
  748. {block:Title}<h1>{Title}</h1>{/block:Title}
  749. <div class="caption">{Body}</div>
  750. {/block:Text}
  751.  
  752. <!-- link posts -->
  753. {block:Link}
  754. {block:Thumbnail}<center>
  755. <a href="{Thumbnail-HighRes}">
  756. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px; border-radius:3px">
  757. </a>
  758. </center>{/block:Thumbnail}
  759. <div class="link-posts"><h1><a href="{URL}">
  760. {Name}&nbsp;&nbsp;&#8594;</l>
  761. </a></h1></div>
  762. {block:Description}<div class="caption">
  763. <p>{Description}</p>
  764. </div>{/block:Description}
  765. {/block:Link}
  766.  
  767. <!-- ask posts -->
  768. {block:Answer}
  769. <div class="ask-posts">
  770. <img src="{AskerPortraitURL-64}">
  771. <div class="question">
  772. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  773. </div></div><br>
  774. <div id="caption">{Answer}</div>
  775. {/block:Answer}
  776.  
  777. <!-- quote posts -->
  778. {block:Quote}
  779. <h2 class="quote-posts">
  780. <l class="fa fa-quote-left"></l>
  781. <l class="fa fa-quote-right"></l>
  782. {Quote}</h2>
  783. <div style="text-align:right; margin-right:20px">
  784. {block:Source}<b>- {Source}</b>{/block:Source}
  785. </div>
  786. {/block:Quote}
  787.  
  788. <!-- chat posts -->
  789. {block:Chat}
  790. {block:Title}<h1>{Title}</h1>{/block:Title}
  791. <ul class="chat">{block:Lines}
  792. <li class="user_{UserNumber}">{block:Label}<span class="person">{Label}</span>{/block:Label} {Line}</li>
  793. {/block:Lines}</ul>
  794. {/block:Chat}
  795.  
  796. <!-- photo posts -->
  797. {block:Photo}
  798. <center>
  799. {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
  800. </center>
  801. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  802.  
  803. {block:Photoset}
  804. <center>
  805. {Photoset-500}
  806. </center>
  807. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  808.  
  809. <!-- video post -->
  810. {block:Video}
  811. {Video-500}
  812. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  813. {/block:Video}
  814.  
  815. <!-- audio post -->
  816. {block:Audio}
  817. <!--image-->
  818. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="albumart" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  819. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  820. </div>{block:IndexPage}</a>{/block:IndexPage}
  821. <!--player-->
  822. <div id="audio-player"><div style="opacity:0.66">
  823. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  824. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer}
  825. </div></div>
  826. </br>
  827. <!--info-->
  828. <div id="audioinfo">
  829. {block:TrackName}<b>Track:</b> {TrackName}</br>{/block:TrackName}
  830. {block:Artist}<b>Artist:</b> {Artist}</br>{/block:Artist}
  831. {block:Album}<b>Album:</b> {Album}</br>{/block:Album}
  832. {block:PlayCount}<b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}
  833. </div>
  834. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  835.  
  836. <!------------------------------ POST ENDING ------------------------------->
  837.  
  838. {block:PermalinkPage}{block:Date}<div id="postending">
  839.  
  840. <!-- date posted -->
  841. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  842. <!-- notes counter -->
  843. {block:NoteCount}
  844. || {NoteCountWithLabel}
  845. {/block:NoteCount}
  846. <!-- reblogged from -->
  847. {block:RebloggedFrom}<br>
  848. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  849. {/block:RebloggedFrom}
  850. <!-- original poster -->
  851. {block:ContentSource}
  852. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  853. {/block:ContentSource}
  854. <!-- tags -->
  855. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  856. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  857. </div>{/block:HasTags}
  858.  
  859. </div>{/block:Date}{/block:PermalinkPage}
  860.  
  861. <!------------- If NO Checkers for Index Page ------------->
  862. {block:IfNotInfoCheckersForIndexpage}
  863. {block:IndexPage}
  864. {block:Date}<div id="postending">
  865.  
  866. <!-- date posted -->
  867. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  868. <!-- notes counter -->
  869. {block:NoteCount}
  870. || {NoteCountWithLabel}
  871. {/block:NoteCount}
  872. <!-- reblogged from -->
  873. {block:RebloggedFrom}<br>
  874. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  875. {/block:RebloggedFrom}
  876. <!-- original poster -->
  877. {block:ContentSource}
  878. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  879. {/block:ContentSource}
  880. <!-- tags -->
  881. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  882. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  883. </div>{/block:HasTags}
  884.  
  885. </div>{/block:Date}
  886. {/block:IndexPage}
  887. {/block:IfNotInfoCheckersForIndexpage}
  888.  
  889. </div> <!-- ending div tag for "posts" -->
  890.  
  891. {/block:Posts}
  892.  
  893. <!------------------------------- PERMALINK --------------------------------->
  894.  
  895. {block:PostNotes}
  896. <div id="permalink">
  897. <div id="notescontainer">{PostNotes}</div>
  898. </div>
  899. {/block:PostNotes}
  900.  
  901. </div> <!-- ending div tag for "entries" -->
  902.  
  903. </body>
  904. </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!