API tools faq
paste
Advertisement
inquisitorismage

Theme o2.o1 'Mary'

inquisitorismage
Jun 2nd, 2014
971
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.85 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.  
  4. <head>
  5.  
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. <!--------------------------------------------
  23.  
  24. THEME #02.1 'MARY' by INQUISITORISMAGE.tumblr.com
  25.  
  26. You can edit the theme but please don't be a thief and LEAVE the CREDIT.
  27. Do NOT use parts of my code for your own purposes.
  28.  
  29. ~~~~
  30.  
  31. Somewhat inspired by theme 17 by imaginedragons.tumblr.com
  32.  
  33. ~~~~
  34.  
  35. -------------------------------------------->
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. <link href='http://fonts.googleapis.com/css?family={text:Google Web Font name}' rel='stylesheet' type='text/css'>
  43. <meta name="text:Google Web Font Name" content='Yanone Kaffeesatz'/>
  44.  
  45.  
  46.  
  47. <meta name="if:Scrolling Background" content="0"/>
  48. <meta name="if:500px Posts" content="0"/>
  49. <meta name="if:Faded Photos" content="0"/>
  50. <meta name="if:Infinite Scrolling" content="0"/>
  51. <meta name="if:Music Player" content="0"/>
  52.  
  53. <meta name="text:Music Player Code" content=""/>
  54.  
  55. <meta name="if:Link 1" content="1"/>
  56. <meta name="if:Link 2" content="1"/>
  57. <meta name="if:Link 3" content="1"/>
  58. <meta name="if:Link 4" content="1"/>
  59. <meta name="if:Link 5" content="1"/>
  60.  
  61. <meta name="color:Background" content="#ffffff"/>
  62. <meta name="color:Text" content="#aaaaaa"/>
  63. <meta name="color:Bold" content="#f84d91"/>
  64. <meta name="color:Italics" content="#d1d1d1"/>
  65. <meta name="color:Posts Bg" content="#ffffff"/>
  66. <meta name="color:Post Column Bg" content="#f5f5f5"/>
  67. <meta name="color:Tall Sidebar Border" content="#d72a73"/>
  68. <meta name="color:Sidebar Image Border" content="#f4f4f4"/>
  69. <meta name="color:Scrollbar Thumb" content="#dddddd"/>
  70. <meta name="color:Scrollbar Bg" content="#ffffff"/>
  71. <meta name="color:Sidebar Link" content="#fe75ab"/>
  72. <meta name="color:Post Link" content="#7f7f7f"/>
  73. <meta name="color:Post Link Hover" content="#ff89ad"/>
  74. <meta name="color:Color Bar" content="#90e4ff"/>
  75. <meta name="color:Pagination Bg" content="#90e4ff"/>
  76. <meta name="color:Extra Nav Hover" content="#9f9f9f"/>
  77. <meta name="color:Tag Bullet" content="#90e4ff"/>
  78. <meta name="color:Extra Links" content="#90e4ff"/>
  79. <meta name="color:Credit" content="#1d1d1d"/>
  80.  
  81. <meta name="text:Font Size" content="11px"/>
  82. <meta name="text:Font" content="Calibri"/>
  83.  
  84. <meta name="text:Link 1 URL" content="http://"/>
  85. <meta name="text:Link 1 Name" content="Link 1"/>
  86. <meta name="text:Link 2 URL" content="http://"/>
  87. <meta name="text:Link 2 Name" content="Link 2"/>
  88. <meta name="text:Link 3 URL" content="http://"/>
  89. <meta name="text:Link 3 Name" content="Link 3"/>
  90. <meta name="text:Link 4 URL" content="http://"/>
  91. <meta name="text:Link 4 Name" content="Link 4"/>
  92. <meta name="text:Link 5 URL" content="http://"/>
  93. <meta name="text:Link 5 Name" content="Link 5"/>
  94.  
  95. <meta name="image:Sidebar Icon" content="http://i.imgur.com/8oJ1xYI.png"/>
  96. <meta name="image:Tall Sidebar Bg" content="http://i.imgur.com/zifXdSa.png"/>
  97. <meta name="image:Background" content=""/>
  98. <meta name="image:Posts Background" content="http://i.imgur.com/dbUyae6.jpg"/>
  99.  
  100.  
  101. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  102. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  103. <script>
  104. (function($){
  105. $(document).ready(function(){
  106. $("[title]").style_my_tooltips({
  107. tip_follows_cursor:true,
  108. tip_delay_time:200,
  109. tip_fade_speed:300
  110. }
  111. );
  112. });
  113. })(jQuery);
  114. </script>
  115.  
  116.  
  117. {block:ifInfiniteScrolling}
  118.  
  119. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  120.  
  121. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  122.  
  123. {/block:ifInfiniteScrolling}
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130. <style type="text/css">
  131.  
  132.  
  133.  
  134.  
  135.  
  136. /*------------------------------
  137. TOOLTIP
  138. ------------------------------*/
  139.  
  140. #s-m-t-tooltip {
  141. z-index: 99999999999999999999999999999;
  142. position: absolute;
  143. background-color: #222;
  144. padding: 7px;
  145. padding-bottom: 4px;
  146. padding-top: 4px;
  147. max-width: 300px;
  148. margin-top: -20px;
  149. margin-left: 5px;
  150. display: inline-block;
  151. letter-spacing: 2px;
  152. text-transform: uppercase;
  153. font-family: consolas;
  154. font-weight: ;
  155. font-size: 8px;
  156. color: #bfbfbf;
  157. }
  158.  
  159.  
  160. /*------------------------------
  161. SCROLLBAR
  162. ------------------------------*/
  163.  
  164. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  165. background-color: {color:Scrollbar Thumb};
  166. }
  167.  
  168.  
  169. ::-webkit-scrollbar {
  170. height: 5px;
  171. width: 5px;
  172. background-color: {color:Scrollbar Bg};
  173. }
  174.  
  175.  
  176. /*------------------------------
  177. GENERAL
  178. ------------------------------*/
  179.  
  180. body {
  181. font-size: {text:Font Size};
  182. font-family: {text:Font};
  183. color: {color:Text};
  184. background: {color:Background};
  185. background-image: url('{image:Background}');
  186. background-repeat:repeat;
  187. background-attachment:fixed;
  188. background-position: 0px 0px;
  189. {block:ifScrollingbackground}background-attachment:scroll;{/block:ifScrollingbackground}
  190. }
  191.  
  192.  
  193. b, strong {
  194. color: {color:Bold};
  195. }
  196.  
  197.  
  198. i, em {
  199. color: {color:Italics};
  200. }
  201.  
  202.  
  203. a {
  204. color: {color:Sidebar Link};
  205. text-decoration: none;
  206. -moz-transition: 0.4s ease-in-out;
  207. -o-transition: 0.4s ease-in-out;
  208. -webkit-transition: 0.4s ease-in-out;
  209. }
  210.  
  211.  
  212. a:hover {
  213. color: #acacac;
  214. -moz-transition: 0.4s ease-in-out;
  215. -o-transition: 0.4s ease-in-out;
  216. -webkit-transition: 0.4s ease-in-out;
  217. }
  218.  
  219.  
  220. /*------------------------------
  221. SIDEBARS
  222. ------------------------------*/
  223.  
  224. .sidebar {
  225. height: 105%;
  226. background: #ddd;
  227. left: 0px;
  228. border-right: 15px solid {color:Tall Sidebar Border};
  229. position: fixed;
  230. outline: 155px solid #222;
  231. width: 250px;
  232. margin-top: 80px;
  233. background-image: url('{image:Tall Sidebar Bg}');
  234. background-repeat:repeat;
  235. background-attachment:fixed;
  236. background-position: 0px -10px;
  237. }
  238.  
  239.  
  240. .navibg {
  241. height: 105%;
  242. background: #000;
  243. margin-left: 0px;
  244. position: fixed;
  245. width: 250px;
  246. margin-top: 0px;
  247. opacity: 0.0;
  248. -moz-transition: 0.4s ease-in-out;
  249. -o-transition: 0.4s ease-in-out;
  250. -webkit-transition: 0.4s ease-in-out;
  251. }
  252.  
  253.  
  254. .sidebar:hover .navibg {
  255. opacity: 0.5;
  256. -moz-transition: 0.4s ease-in-out;
  257. -o-transition: 0.4s ease-in-out;
  258. -webkit-transition: 0.4s ease-in-out;
  259. }
  260.  
  261.  
  262. .sidebar2 {
  263. z-index: 999;
  264. height: 105%;
  265. position: fixed;
  266. padding-top: 160px;
  267. margin-top: 50px;
  268. margin-left: 924px;
  269. {block:if500pxPosts}margin-left: 1024px;{/block:if500pxPosts}
  270. padding-left: 20px;
  271. border-left: 20px solid #f0f0f0;
  272. }
  273.  
  274.  
  275. .imagecontainer {
  276. width: 99px;
  277. height: 99px;
  278. position:absolute;
  279. margin-left: 175px;
  280. margin-top: 10px;
  281. border: 5px solid {color:Sidebar Image Border};
  282. outline: 1px dashed #e0e0e0;
  283. }
  284.  
  285.  
  286. .sidebarimage img {
  287. width: 85px;
  288. border: 7px solid white;
  289. text-align: center;
  290. height: 85px;
  291. }
  292.  
  293.  
  294. .description {
  295. font-size: 11px;
  296. line-height: 12px;
  297. margin-top: 0px;
  298. margin-left: 0px;
  299. text-align: justify;
  300. font-family: calibri;
  301. z-index: 9999;
  302. width: 160px;
  303. color: #bbb;
  304. position: relative;
  305. padding-top: 7px;
  306. margin-bottom: 5px;
  307. }
  308.  
  309.  
  310. .description img {
  311. padding-right: 4px;
  312. margin-left: -2px;
  313. }
  314.  
  315.  
  316. .title {
  317. margin-left: 0px;
  318. width: 200px;
  319. margin-top: 0px;
  320. position: relative;
  321. font-size: 28px;
  322. line-height: 16px;
  323. font-family: '{text:Google Web Font Name}';
  324. letter-spacing: 3px;
  325. text-transform: uppercase;
  326. text-align: left;
  327. color: #e3e3e3;
  328. }
  329.  
  330.  
  331. .title a, .title a:hover {
  332. color: #e8e8e8;
  333. }
  334.  
  335.  
  336. /*------------------------------
  337. PAGINATION / SCROLL TO TOP
  338. ------------------------------*/
  339.  
  340. {block:ifInfiniteScrolling}
  341. .scrolltotop a {
  342. font-size: 9px;
  343. text-transform: uppercase;
  344. z-index: 99999999999;
  345. top: 70px;
  346. width: 90px;
  347. letter-spacing: 1px;
  348. font-family: consolas;
  349. text-align: center;
  350. margin-left: 146px;
  351. display: inline-block;
  352. background: #111;
  353. padding: 7px;
  354. color: #ddd;
  355. position: fixed;
  356. -moz-transition: 0.3s ease-in-out;
  357. -o-transition: 0.3s ease-in-out;
  358. -webkit-transition: 0.3s ease-in-out;
  359. }
  360. {/block:ifInfiniteScrolling}
  361.  
  362.  
  363. .pagination {
  364. text-transform: lowercase;
  365. font-size: 11px;
  366. position: absolute;
  367. letter-spacing: 2px;
  368. margin-top: 127px;
  369. margin-left: 226px;
  370. }
  371.  
  372.  
  373. .pagination a {
  374. opacity: 1.0;
  375. font-family: consolas;
  376. padding: 4px;
  377. padding-right: 3px;
  378. padding-top: 2px;
  379. padding-bottom: 2px;
  380. color: #fff;
  381. background: {color:Pagination Bg};
  382. display: block;
  383. -moz-transition: 0.3s ease-in-out;
  384. -o-transition: 0.3s ease-in-out;
  385. -webkit-transition: 0.3s ease-in-out;
  386. }
  387.  
  388.  
  389. .pagination span a {
  390. position: absolute;
  391. background: {color:Pagination Bg};
  392. opacity: 0.7;
  393. {block:PreviousPage}
  394. margin-top: 12px;
  395. margin-left:19px;
  396. {/block:PreviousPage}
  397. }
  398.  
  399.  
  400. .pagination span a:hover {
  401. color: #fff;
  402. background: #000;
  403. -moz-transition: 0.3s ease-in-out;
  404. -o-transition: 0.3s ease-in-out;
  405. -webkit-transition: 0.3s ease-in-out;
  406. }
  407.  
  408.  
  409. .pagination a:hover {
  410. color: #fff;
  411. background: #111;
  412. -moz-transition: 0.3s ease-in-out;
  413. -o-transition: 0.3s ease-in-out;
  414. -webkit-transition: 0.3s ease-in-out;
  415. }
  416.  
  417.  
  418. /*------------------------------
  419. MUSIC PLAYER
  420. ------------------------------*/
  421.  
  422. {block:ifMusicplayer}
  423. .player {
  424. opacity: 0.0;
  425. position: absolute;
  426. -webkit-border-radius: 50px;
  427. -moz-border-radius: 50px;
  428. border-radius: 50px;
  429. padding-top:10px;
  430. overflow: hidden;
  431. padding-left: 2px;
  432. padding-right: 5px;
  433. height: 11px;
  434. width:14px;
  435. background-color: #111;
  436. margin-top: -17px;
  437. margin-left: -1px;
  438. -moz-transition: 0.2s ease-in-out;
  439. -o-transition: 0.2s ease-in-out;
  440. -webkit-transition: 0.2s ease-in-out;
  441. }
  442.  
  443. .mplayer {
  444. overflow: hidden;
  445. width: 50px;
  446. margin-left: -22px;
  447. margin-top: -9px;
  448. }
  449.  
  450. .iv:hover .player {
  451.  
  452. opacity: 1.0;
  453. -moz-transition: 0.3s ease-in-out;
  454. -o-transition: 0.3s ease-in-out;
  455. -webkit-transition: 0.3s ease-in-out;
  456. }
  457. {/block:ifMusicplayer}
  458.  
  459.  
  460. /*------------------------------
  461. NAVIGATION
  462. ------------------------------*/
  463.  
  464. .navigation {
  465. font-size: 16px;
  466. bottom: 170px;
  467. text-align: center;
  468. position: fixed;
  469. z-index: 99;
  470. width: auto;
  471. line-height: 13px;
  472. margin-left: 111px;
  473. }
  474.  
  475.  
  476. .navigation span, .iv {
  477. font-size: 9px;
  478. font-family: calibri;
  479. -webkit-border-radius: 50px;
  480. -moz-border-radius: 50px;
  481. border-radius: 50px;
  482. color: #eee;
  483. background-color: #111;
  484. letter-spacing: 1px;
  485. display: inline-block;
  486. opacity: 1.0;
  487. z-index: 99999999999999;
  488. padding-top:7px;
  489. padding-left: 5px;
  490. padding-bottom: 1px;
  491. padding-right: 3px;
  492. margin-bottom: 10px;
  493. height: 20px;
  494. width:20px;
  495. -moz-transition: 0.7s ease-in-out;
  496. -o-transition: 0.7s ease-in-out;
  497. -webkit-transition: 0.7s ease-in-out;
  498. }
  499.  
  500.  
  501. .navigation span:hover {
  502.  
  503. -webkit-transform: rotate(-720deg);
  504. -moz-transform: rotate(-720deg);
  505. -o-transform: rotate(-720deg);
  506. -ms-transform: rotate(-720deg);
  507. transform: rotate(-720deg);
  508. -moz-transition: 0.7s ease-in-out;
  509. -o-transition: 0.7s ease-in-out;
  510. -webkit-transition: 0.7s ease-in-out;
  511. }
  512.  
  513.  
  514. /*------------------------------
  515. EXTRA LINKS
  516. ------------------------------*/
  517.  
  518. .extranav {
  519. text-transform: uppercase;
  520. font-family: consolas;
  521. letter-spacing: 2px;
  522. position: absolute;
  523. text-align: center;
  524. font-size: 8px;
  525. margin-top: 5px;
  526. margin-left: -24px;
  527. line-height: 6px;
  528. width: 250px;
  529. }
  530.  
  531.  
  532. .extranav a {
  533. -webkit-border-bottom-right-radius: 5px;
  534. -webkit-border-bottom-left-radius: 5px;
  535. -moz-border-radius-bottomright: 5px;
  536. -moz-border-radius-bottomleft: 5px;
  537. border-bottom-right-radius: 5px;
  538. border-bottom-left-radius: 5px;
  539. line-height: 14px;
  540. text-align: center;
  541. letter-spacing: 2px;
  542. margin: 3px;
  543. margin-bottom: 9px;
  544. margin-top: -2px;
  545. padding-left: 5px;
  546. padding-right: 5px;
  547. display: inline-block;
  548. background: #f7f7f7;
  549. border: 1px solid #eee;
  550. border-top: 2px solid {color:Extra Links};
  551. opacity: 0.8;
  552. color: #bbb;
  553. -moz-transition: 0.5s ease-in-out;
  554. -o-transition: 0.5s ease-in-out;
  555. -webkit-transition: 0.5s ease-in-out;
  556. }
  557.  
  558.  
  559. .extranav a:hover {
  560. -moz-transition: 0.3s ease-in-out;
  561. -o-transition: 0.3s ease-in-out;
  562. -webkit-transition: 0.3s ease-in-out;
  563. color: {color:Extra Nav Hover};
  564. }
  565.  
  566.  
  567. /*------------------------------
  568. POSTS
  569. ------------------------------*/
  570.  
  571. .postcolumn {
  572. margin-top: -90px;
  573. margin-left: 408px;
  574. height: 110%;
  575. padding-top: 60px;
  576. width: 520px;
  577. {block:if500pxPosts}width: 620px;{/block:if500pxPosts}
  578. padding-bottom: 30px;
  579. background-color: {color:Post Column Bg};
  580. background-image: url('{image:Posts Background}');
  581. background-repeat:repeat;
  582. background-attachment:fixed;
  583. background-position: 0px 0px;
  584. }
  585.  
  586.  
  587. .posts {
  588. -webkit-border-top-right-radius: 20px;
  589. -moz-border-radius-topright: 20px;
  590. border-top-right-radius: 20px;
  591. border: 1px solid #f2f2f2;
  592. margin-bottom: 0px;
  593. font-family: ;
  594. margin-left: 34px;
  595. text-align: justify;
  596. line-height: 10px;
  597. width: 400px;
  598. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  599. background-color: {color:Posts Bg};
  600. padding: 25px;
  601. padding-bottom: 15px;
  602. margin-top: 80px;
  603. }
  604.  
  605.  
  606. .colorbar {
  607. height: 3px;
  608. opacity: 0.7;
  609. width: 205px;
  610. margin-top: -2px;
  611. {block:if500pxPosts}width:255px;{/block:if500pxPosts}
  612. }
  613.  
  614.  
  615. {block:ifFadedPhotos}
  616. .photos {
  617. opacity: 0.9;
  618. -moz-transition: 0.5s ease-in-out;
  619. -o-transition: 0.5s ease-in-out;
  620. -webkit-transition: 0.5s ease-in-out;
  621. }
  622.  
  623.  
  624. .photos:hover {
  625. opacity: 1.0;
  626. -moz-transition: 0.5s ease-in-out;
  627. -o-transition: 0.5s ease-in-out;
  628. -webkit-transition: 0.5s ease-in-out;
  629. }
  630. {/block:ifFadedPhotos}
  631.  
  632.  
  633. .posts h2, .posts h2 a {
  634. text-transform: lowercase;
  635. font-size: 15px;
  636. position: relative;
  637. color: #888;
  638. letter-spacing: 0px;
  639. font-family: consolas;
  640. line-height: 11px;
  641. font-weight: normal;
  642. margin-bottom: 12px;
  643. margin-top: -3px;
  644. color: #bfbfbf !important;
  645. }
  646.  
  647.  
  648. .posts a {
  649. color: {color:Post Link};
  650. text-decoration: none;
  651. -moz-transition: 0.3s ease-in-out;
  652. -o-transition: 0.3s ease-in-out;
  653. -webkit-transition: 0.3s ease-in-out;
  654. }
  655.  
  656.  
  657. .posts a:hover {
  658. color: {color:Post Link Hover};
  659. -moz-transition: 0.3s ease-in-out;
  660. -o-transition: 0.3s ease-in-out;
  661. -webkit-transition: 0.3s ease-in-out;
  662. }
  663.  
  664.  
  665. .posts blockquote {
  666. border-left: 1px dashed #e0e0e0;
  667. padding-left: 7px;
  668. margin-left: 10px;
  669. padding-right: 0px;
  670. margin-right: 0px;
  671. }
  672.  
  673.  
  674. .posts img, .posts li, .posts blockquote {
  675. max-width: 100%;
  676. }
  677.  
  678.  
  679. /*------------------------------
  680. ASKS
  681. ------------------------------*/
  682.  
  683. .askerportrait {
  684. width: 58px;
  685. height: 58px;
  686. margin-left: -2px;
  687. }
  688.  
  689.  
  690. .askerportrait img {
  691. width: 48px;
  692. height: 48px;
  693. border: 11px solid #f6f6f6;
  694. outline: 1px solid #eee;
  695. }
  696.  
  697.  
  698. .question {
  699. color: #bbb;
  700. width: 318px;
  701. {block:if500pxPosts}width:418px;{/block:if500pxPosts}
  702. padding-left: 20px;
  703. padding-right: 0px;
  704. text-align: justify;
  705. font-style: italic;
  706. font-family: calibri;
  707. }
  708.  
  709.  
  710. .question span {
  711. letter-spacing: 2px;
  712. text-transform: uppercase;
  713. font-family: '{text:Google Web Font Name}';
  714. font-style: normal;
  715. font-size: 10px;
  716. }
  717.  
  718.  
  719. .answer {
  720. margin-top: 20px;
  721. margin-left: -2px;
  722. }
  723.  
  724.  
  725. /*------------------------------
  726. POST INFO
  727. ------------------------------*/
  728.  
  729. .postinfo {
  730. width: 110px;
  731. margin-left: -129px;
  732. margin-top: 80px;
  733. position: absolute;
  734. z-index: 999999999999;
  735. padding-bottom:0px;
  736. font-size: 11px;
  737. font-family: consolas;
  738. font-weight: ;
  739. letter-spacing: 1px;
  740. line-height: 12px;
  741. text-align: right;
  742. -moz-transition: 0.5s ease-in-out;
  743. -o-transition: 0.5s ease-in-out;
  744. -webkit-transition: 0.5s ease-in-out;
  745. }
  746.  
  747.  
  748. .postinfo date {
  749. font-size: 14px;
  750. }
  751.  
  752.  
  753. .info {
  754. padding-top:5px;
  755. border-bottom: 1px solid #333;
  756. border-top: 1px solid #333;
  757. }
  758.  
  759.  
  760. .postinfo a {
  761. padding-top: 1px;
  762. padding-bottom: 3px;
  763. padding-left: 5px;
  764. padding-right: 0px;
  765. color: #999;
  766. }
  767.  
  768.  
  769. .postinfo a:hover {
  770. color: #aaa;
  771. -moz-transition: 0.5s ease-in-out;
  772. -o-transition: 0.5s ease-in-out;
  773. -webkit-transition: 0.5s ease-in-out;
  774. }
  775.  
  776.  
  777. .rebloglink {
  778. font-size: 10px;
  779. margin-top: 7px;
  780. margin-bottom: 3px;
  781. letter-spacing: 1px;
  782. text-transform: uppercase;
  783. font-family: consolas;
  784. }
  785.  
  786.  
  787. .rebloglink a {
  788. color: #707070 !important;
  789. }
  790.  
  791.  
  792. /*------------------------------
  793. REBLOG INFO
  794. ------------------------------*/
  795.  
  796. .rebloginfo {
  797. margin-top: 14px;
  798. width: 96px;
  799. text-align: right;
  800. background: #;
  801. margin-left: 5px;
  802. margin-bottom: 12px;
  803. letter-spacing: 11px;
  804. }
  805.  
  806.  
  807. .rebloginfo img {
  808. width: 14px;
  809. border: 1px solid #fff;
  810. outline: 9px solid #f0f0f0;
  811. -moz-transition: 0.5s ease-in-out;
  812. -o-transition: 0.5s ease-in-out;
  813. -webkit-transition: 0.5s ease-in-out;
  814. }
  815.  
  816.  
  817. /*------------------------------
  818. TAGS
  819. ------------------------------*/
  820.  
  821. .tags {
  822. font-family: consolas;
  823. letter-spacing: 0px;
  824. font-size: 10px;
  825. font-weight: normal;
  826. text-align: right;
  827. opacity: 0.9;
  828. margin-top:0px;
  829. margin-left: 90px;
  830. }
  831.  
  832.  
  833. .tags a {
  834. text-transform: lowercase;
  835. display: block;
  836. line-height: 9px;
  837. margin-bottom: 7px;
  838. width: 110px;
  839. color: #838383 !important;
  840. margin-left: -135px;
  841. text-decoration: none;
  842. -moz-transition: 0.3s ease-in-out;
  843. -o-transition: 0.3s ease-in-out;
  844. -webkit-transition: 0.3s ease-in-out;
  845. }
  846.  
  847.  
  848. .tags a:hover {
  849. color: #737373 !important;
  850. -moz-transition: 0.3s ease-in-out;
  851. -o-transition: 0.3s ease-in-out;
  852. -webkit-transition: 0.3s ease-in-out;
  853. }
  854.  
  855.  
  856. /*------------------------------
  857. QUOTES
  858. ------------------------------*/
  859.  
  860. .quote {
  861. text-indent: 35px;
  862. width: 400px;
  863. {block:if500pxPosts}width: 500px;{/block:if500pxPosts}
  864. text-align: left;
  865. font-weight: ;
  866. text-transform: lowercase;
  867. font-size: 15px;
  868. position: relative;
  869. color: #888;
  870. letter-spacing: 0px;
  871. font-family: consolas;
  872. line-height: 11px;
  873. margin-bottom: 0px;
  874. }
  875.  
  876.  
  877. .quotemark {
  878. position: absolute;
  879. width: 30px;
  880. font-size: 75px;
  881. margin-top: 17px;
  882. margin-left: -5px;
  883. color: #e9e9e9;
  884. font-family: 'times new roman';
  885. font-weight: bold;
  886. }
  887.  
  888.  
  889. .quotesource, .quotesource a {
  890. text-align: right;
  891. margin-top: 5px;
  892. color: #aaa;
  893. letter-spacing: 1px;
  894. text-transform: lowercase;
  895. font-family: consolas;
  896. margin-bottom: 10px;
  897. font-size: 12px;
  898. line-height: 8px;
  899. }
  900.  
  901.  
  902. /*------------------------------
  903. CHAT
  904. ------------------------------*/
  905.  
  906. .chat {
  907. margin-top: 15px;
  908. margin-bottom: 10px;
  909. }
  910.  
  911.  
  912. .chat .even {
  913. background: #fff;
  914. padding: 5px;
  915. color: #bfbfbf;
  916. }
  917.  
  918.  
  919. .chat .odd {
  920. background: #f5f5f5;
  921. padding: 5px;
  922. }
  923.  
  924.  
  925. .chat li, ul.chat {
  926. list-style: none;
  927. margin: 0;
  928. padding: 0;
  929. }
  930.  
  931.  
  932. .label {
  933. color: #bfbfbf;
  934. letter-spacing: 0px;
  935. text-transform: uppercase;
  936. font-family: consolas;
  937. font-weight: ;
  938. font-size: 9px;
  939. }
  940.  
  941.  
  942. /*------------------------------
  943. AUDIO POSTS
  944. ------------------------------*/
  945.  
  946. .playerbuttonbg {
  947. position: absolute;
  948. left: 32px;
  949. top: 28px;
  950. width: 55px;
  951. height: 55px;
  952. background-color: #000;
  953. -webkit-border-radius: 40px;
  954. -moz-border-radius: 40px;
  955. border-radius: 40px;
  956. opacity: 0.7;
  957. -moz-transition: 0.5s ease-in-out;
  958. -o-transition: 0.5s ease-in-out;
  959. -webkit-transition: 0.5s ease-in-out;
  960. }
  961.  
  962.  
  963. .playerbuttonbg:hover {
  964. opacity: 0.9;
  965. -moz-transition: 0.5s ease-in-out;
  966. -o-transition: 0.5s ease-in-out;
  967. -webkit-transition: 0.5s ease-in-out;
  968. }
  969.  
  970.  
  971. .newplayerbutton {
  972. position: relative;
  973. width: 40px;
  974. height: 50px;
  975. overflow: hidden;
  976. }
  977.  
  978.  
  979. .playerbuttonhug {
  980. position: absolute;
  981. margin-top: -12px;
  982. margin-left: -12px;
  983. top: 15px;
  984. left: 26px;
  985. }
  986.  
  987.  
  988. .tumblr_audio_player {
  989. border: none;
  990. padding: 0px;
  991. margin: 0px;
  992. height: 50px;
  993. width: 500px;
  994. }
  995.  
  996.  
  997. .audioimgwrapper {
  998. position: absolute;
  999. left: 0px;
  1000. top: 0px;
  1001. }
  1002.  
  1003.  
  1004. .audioimgwrapper2 {
  1005. position: absolute;
  1006. left: 0px;
  1007. top: 0px;
  1008. }
  1009.  
  1010.  
  1011. .audioimgwrapper img, .audioimgwrapper2 img {
  1012. border: 7px solid #f0f0f0;
  1013. outline: 1px dashed #ddd;
  1014. width: 110px;
  1015. height: 110px;
  1016. margin-top: -5px;
  1017. }
  1018.  
  1019.  
  1020. .trackdetails {
  1021. background-color: #;
  1022. margin-top: 20px;
  1023. text-align: left;
  1024. width: 255px;
  1025. {block:if500pxPosts}width:355px;{/block:if500pxPosts}
  1026. line-height: 17px;
  1027. display:inline-block;
  1028. margin-left: 140px;
  1029. height: 100px;
  1030. font-family: consolas;
  1031. text-transform: uppercase;
  1032. letter-spacing: 0px;
  1033. font-size: 9px;
  1034. }
  1035.  
  1036. .trackdetails span {
  1037. color: #bbb;
  1038. }
  1039.  
  1040.  
  1041. .trackname {
  1042. font-size: 12px;
  1043. line-height: 14px;
  1044. font-family: '{text:Google Web Font Name}';
  1045. letter-spacing: 2px;
  1046. text-transform: uppercase;
  1047. margin-bottom: -14px;
  1048. color: #777;
  1049. margin-left: 40px;
  1050. margin-top: -16px;
  1051. }
  1052.  
  1053.  
  1054. .audiowrapper {
  1055. position: relative;
  1056. display: inline-block;
  1057. }
  1058.  
  1059.  
  1060. /*------------------------------
  1061. POST NOTES
  1062. ------------------------------*/
  1063.  
  1064. .notes a {
  1065. font-family: calibri;
  1066. font-size: 8px;
  1067. text-transform: uppercase;
  1068. letter-spacing: 1px;
  1069. color: #939393;
  1070. text-decoration: none;
  1071. -moz-transition: 0.3s ease-in-out;
  1072. -o-transition: 0.3s ease-in-out;
  1073. -webkit-transition: 0.3s ease-in-out;
  1074. }
  1075.  
  1076.  
  1077. .notes a:hover {
  1078. color: #a0a0a0;
  1079. text-decoration: none;
  1080. -moz-transition: 0.3s ease-in-out;
  1081. -o-transition: 0.3s ease-in-out;
  1082. -webkit-transition: 0.3s ease-in-out;
  1083. }
  1084.  
  1085.  
  1086. ol.notes {
  1087. font-size: 10px;
  1088. font-family: calibri;
  1089. text-transform: lowercase;
  1090. font-weight: ;
  1091. letter-spacing: 0px;
  1092. margin-left: 33px;
  1093. color: #aaa;
  1094. background-color: transparent;
  1095. width: 380px;
  1096. {block:if500pxPosts}width: 480px;{/block:if500pxPosts}
  1097. list-style-type: none;
  1098. margin-top: 25px;
  1099. margin-bottom: -20px;
  1100. text-align: center;
  1101. }
  1102.  
  1103.  
  1104. .notes li {
  1105. padding-bottom: 13px;
  1106. }
  1107.  
  1108.  
  1109. .notes img {
  1110. margin-left: -2px;
  1111. margin-bottom: -5px;
  1112. margin-right: 10px;
  1113. width: 15px;
  1114. height: 15px;
  1115. border: 1px solid #fff;
  1116. outline: 4px solid #e8e8e8;
  1117. -moz-transition: 0.5s ease-in-out;
  1118. -o-transition: 0.5s ease-in-out;
  1119. -webkit-transition: 0.5s ease-in-out;
  1120. }
  1121.  
  1122.  
  1123. .xxx {
  1124. -webkit-border-radius: 50px;
  1125. -moz-border-radius: 50px;
  1126. border-radius: 50px;
  1127. position: fixed;
  1128. bottom: 10px;
  1129. right:10px;
  1130. background-color: {color:Credit};
  1131. height: 30px;
  1132. width: 30px;
  1133. }
  1134.  
  1135.  
  1136. .xxx a {
  1137. background: transparent;
  1138. color: #fff;
  1139. font-style: italic;
  1140. font-family: georgia;
  1141. font-size: 17px;
  1142. letter-spacing: -1px;
  1143. margin-left: 3px;
  1144. line-height: 27px;
  1145. }
  1146.  
  1147. </style>
  1148. </head>
  1149.  
  1150. <body>
  1151.  
  1152.  
  1153.  
  1154. <!---------------------------------------------------
  1155. SIDEBAR 1
  1156. ---------------------------------------------------->
  1157.  
  1158. <div class="sidebar">
  1159.  
  1160.  
  1161. {block:ifInfiniteScrolling}<div class="scrolltotop"><a href="javascript:;" id="scrollToTop">scroll to top</a></div>{/block:ifInfiniteScrolling}
  1162.  
  1163.  
  1164. <div class="navibg"></div>
  1165.  
  1166.  
  1167. <div class="navigation">
  1168.  
  1169. <a href="/" title="home"><span>I.</span></a><br><a href="/ask" title="ask"><span>II.</span></a><br><a href="/archive" title="past"><span>III.</span></a>{block:ifMusicplayer}<br><div class="iv">IV.
  1170. <div class="player">
  1171. <div class="mplayer">{text:Music Player Code}</div>
  1172. </div>
  1173. {/block:ifMusicplayer}
  1174. </div></a>
  1175.  
  1176. </div>
  1177. </div>
  1178.  
  1179.  
  1180.  
  1181.  
  1182. <!---------------------------------------------------
  1183. SIDEBAR 2
  1184. ---------------------------------------------------->
  1185.  
  1186. <div class="sidebar2">
  1187.  
  1188. <div class="title"><a href="/">{Title}</a>;</div>
  1189.  
  1190. <div class="imagecontainer">
  1191. <div class="sidebarimage">
  1192. <img src="{image:Sidebar Icon}">
  1193. </div>
  1194. </div>
  1195.  
  1196. {block:ifnotInfiniteScrolling}
  1197. {block:Pagination}
  1198. <div class="pagination">
  1199. {block:NextPage}<span><a href="{NextPage}">down</a></span>{/block:NextPage}
  1200. {block:PreviousPage}<a href="{PreviousPage}">up</a>{/block:PreviousPage}
  1201. </div>
  1202. {/block:Pagination}
  1203. {/block:ifnotInfiniteScrolling}
  1204.  
  1205.  
  1206. <div class="description"><img src="http://i.imgur.com/qUX5a4v.png" align="left">{Description}</div>
  1207.  
  1208.  
  1209. <div class="extranav">
  1210. <ul>
  1211. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a>{/block:ifLink1}
  1212.  
  1213. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a>{/block:ifLink2}
  1214.  
  1215. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a>{/block:ifLink3}
  1216.  
  1217. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4 Name}</a>{/block:ifLink4}
  1218.  
  1219. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5 Name}</a>{/block:ifLink5}
  1220. </ul>
  1221. </div>
  1222.  
  1223.  
  1224. <div class="xxx">
  1225. <a href="http://inquisitorismage.tumblr.com" title="theme by inquisitorismage" target="_blank">iim</a>
  1226. </div>
  1227.  
  1228. </div>
  1229.  
  1230.  
  1231.  
  1232. <!---------------------------------------------------
  1233. POSTS
  1234. ---------------------------------------------------->
  1235.  
  1236. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  1237.  
  1238. <div class="postcolumn">
  1239.  
  1240. {block:Posts}
  1241.  
  1242.  
  1243. <!------------------------------
  1244. DATE + NOTES + REBLOG
  1245. ------------------------------->
  1246.  
  1247. {block:Date}
  1248.  
  1249. <div class="postinfo">
  1250. <div class="info"><date><a href="{Permalink}">{ShortMonth} {DayofMonthWithZero}{DayOfMonthSuffix}</date></a><br><a href="{Permalink}">{NoteCountWithLabel}</a><br>
  1251. <div class="rebloglink"><a href="{ReblogURL}" target="_blank" class="details" title="reblog this post">reblog</a></div>
  1252.  
  1253.  
  1254. <!------------------------------
  1255. REBLOG INFO
  1256. ------------------------------->
  1257.  
  1258. {block:RebloggedFrom}<div class="rebloginfo">
  1259.  
  1260. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"></a>
  1261.  
  1262. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"></a>
  1263.  
  1264. </div>{/block:RebloggedFrom}
  1265. </div>
  1266.  
  1267.  
  1268. <!------------------------------
  1269. TAGS
  1270. ------------------------------->
  1271.  
  1272. <div class="tags">
  1273. <ul>
  1274. {block:Tags}<li style="color: {color:Tag Bullet}; margin-right: 0px;"><a href="{TagURL}">{Tag}</a></li>{/block:Tags}
  1275. </ul>
  1276.  
  1277. </div>
  1278. </div>
  1279.  
  1280. {/block:Date}
  1281.  
  1282.  
  1283. <!------------------------------
  1284. TEXT POSTS
  1285. ------------------------------->
  1286.  
  1287. <div class="posts">
  1288.  
  1289. {block:Text}
  1290. {block:Title}<h2>{Title}</h2>{/block:Title}
  1291. <div style="margin-top: -5px;">{Body}</div>
  1292. {/block:Text}
  1293.  
  1294.  
  1295. {block:Answer}
  1296. <table width="400" style="margin-top: -5px;">
  1297. <tr>
  1298. <td width="60">
  1299. <div class="askerportrait">
  1300. <img src="{AskerPortraitURL-48}">
  1301. </div>
  1302. </td>
  1303. <td width="340">
  1304. <div class="question">
  1305. <span>{Asker} says:</span> {Question}
  1306. </div>
  1307. </td>
  1308. </tr>
  1309. <tr>
  1310. <td colspan="2">
  1311. <div class="answer">{Answer}</div>
  1312. </td>
  1313. </tr>
  1314. </table>
  1315. {/block:Answer}
  1316.  
  1317.  
  1318. {block:Quote}
  1319. <div class="quotemark">“</div><div class="quote">{Quote}
  1320. {block:Source}<div class="quotesource">— {Source}</div>{/block:Source}
  1321. </div>
  1322. {/block:Quote}
  1323.  
  1324.  
  1325. {block:Link}
  1326. <h2><a href="{URL}">{Name} →</a></h2>
  1327. <div style="margin-top: -5px;">{block:Description}{Description}{/block:Description} </div>
  1328. {/block:Link}
  1329.  
  1330.  
  1331. {block:Chat}
  1332. {block:Title}<h2>{Title}</h2>{/block:Title}
  1333. <div style="margin-top: -5px;"><div class="chat">
  1334. <ul class="chat">
  1335. {block:Lines}
  1336. <li class="{Alt} user_{UserNumber}">
  1337. {block:Label}
  1338. <span class="label">
  1339. {Label}
  1340. </span>
  1341. {/block:Label}
  1342. {Line}
  1343. </li>
  1344. {/block:Lines}</ul>
  1345. </ul>
  1346. </div></div>
  1347. {/block:Chat}
  1348.  
  1349.  
  1350.  
  1351. <!------------------------------
  1352. PHOTO POSTS
  1353. ------------------------------->
  1354.  
  1355.  
  1356. {block:Photo}
  1357. <div class="photos">
  1358.  
  1359. {LinkOpenTag}
  1360.  
  1361. {block:ifnot500pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width:400px;">{/block:ifnot500pxPosts}
  1362.  
  1363. {block:if500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:500px;">{/block:if500pxPosts}
  1364.  
  1365. {LinkCloseTag}
  1366.  
  1367. {block:Caption}{Caption}{/block:Caption}
  1368.  
  1369. </div>
  1370. {/block:Photo}
  1371.  
  1372.  
  1373.  
  1374. {block:Photoset}
  1375. <div class="photos">
  1376.  
  1377. {block:ifnot500pxPosts}{Photoset-400}{/block:ifnot500pxPosts}
  1378.  
  1379. {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
  1380.  
  1381. {block:Caption}{Caption}{/block:Caption}
  1382.  
  1383. </div>
  1384. {/block:Photoset}
  1385.  
  1386.  
  1387.  
  1388. <!------------------------------
  1389. MEDIA POSTS
  1390. ------------------------------->
  1391.  
  1392. {block:AudioPlayer}
  1393.  
  1394. <div class="audiowrapper">
  1395.  
  1396. <div class="audioimgwrapper">
  1397. <img src="http://i.imgur.com/86MlFXf.png">
  1398. </div>
  1399.  
  1400. {block:AlbumArt}
  1401. <div class="audioimgwrapper2">
  1402. <img src="{AlbumArtURL}">
  1403. </div>
  1404. {/block:AlbumArt}
  1405.  
  1406. <div class="playerbuttonbg">
  1407. <div class="newplayerbutton">
  1408. <div class="playerbuttonhug">
  1409. {AudioPlayerBlack}
  1410. </div>
  1411. </div>
  1412. </div>
  1413.  
  1414. <div class="trackdetails">
  1415. <span>track:</span>{block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}<br/>
  1416. <span>artist:</span> {block:Artist}{Artist}{/block:Artist}<br/>
  1417. <span>album:</span> &nbsp;{block:Album}{Album}{/block:Album}<br />
  1418. <span>plays:</span> &nbsp;{PlayCount}
  1419. </div>
  1420.  
  1421. </div>
  1422.  
  1423. {block:Caption}{Caption}{/block:Caption}
  1424.  
  1425. {/block:AudioPlayer}
  1426.  
  1427.  
  1428.  
  1429. {block:Video}
  1430.  
  1431. {block:ifnot500pxPosts}{Video-400}{/block:ifnot500pxPosts}
  1432.  
  1433. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
  1434.  
  1435. {block:Caption}{Caption}{/block:Caption}
  1436.  
  1437. {/block:Video}
  1438.  
  1439.  
  1440. </div>
  1441. <div class="colorbar" style="background-color:{color:Color bar};float:right;margin-right: 34px;"></div>
  1442.  
  1443.  
  1444.  
  1445. <!------------------------------
  1446. POST NOTES
  1447. ------------------------------->
  1448.  
  1449. <div class="notes">
  1450. {PostNotes}
  1451. </div>
  1452.  
  1453. {/block:Posts}
  1454. </div>
  1455.  
  1456.  
  1457.  
  1458. </body>
  1459. </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!