API tools faq
paste
Advertisement
inquisitorismage

Theme o1 'He Is So'

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