API tools faq
paste
Advertisement
vickkyu

theme #07 by minivicky

vickkyu
Jan 10th, 2014
1,016
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.49 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. Theme 07 'Sherlocked' by minivicky.tumblr.com
  6. Please do not remove the credits.
  7. -->
  8.  
  9. <!-- main colors -->
  10. <meta name="color:background" content="#ffffff" />
  11. <meta name="color:text" content="#000000" />
  12. <meta name="color:bold" content="#ff6b84" />
  13. <meta name="color:link" content="#ffbdc8" />
  14. <meta name="color:link hover" content="#ff6b84" />
  15. <meta name="color:scrollbar" content="#ff6b84" />
  16. <meta name="color:scrollbar bg" content="#000000" />
  17. <meta name="color:blockquote" content="#ff6b84" />
  18.  
  19. <!-- sidebar colors -->
  20. <meta name="color:title" content="#000000" />
  21. <meta name="color:title color" content="#ff6b84" />
  22. <meta name="color:lines" content="#000000" />
  23. <meta name="color:sidebar menu text 1" content="#ffffff" />
  24. <meta name="color:sidebar menu background 2" content="#ff6b84" />
  25. <meta name="color:sidebar menu text 2" content="#000000" />
  26. <meta name="color:main links text" content="#000000" />
  27. <meta name="color:main links background" content="#ff6b84" />
  28.  
  29. <!-- update colors -->
  30. <meta name="color:update box background" content="#000000" />
  31. <meta name="color:update box text" content="#ffffff" />
  32.  
  33. <!-- posts colors -->
  34. <meta name="color:question background" content="#f2f2f2" />
  35. <meta name="color:permalink link" content="#ffffff" />
  36. <meta name="color:permalink link hover" content="#000000" />
  37. <meta name="color:permalink text" content="#ffffff" />
  38. <meta name="color:permalink background" content="#000000" />
  39. <meta name="color:permalink background hover" content="#ff6b84" />
  40. <meta name="color:post title text" content="#ffffff" />
  41. <meta name="color:post title background" content="#000000" />
  42. <meta name="color:post title text hover" content="#000000" />
  43. <meta name="color:post title background hover" content="#ff6b84" />
  44. <meta name="color:entries" content="#ffffff" />
  45.  
  46. <!-- background image -->
  47. <meta name="image:Background" content="http://static.tumblr.com/ctnjtyx/A6ymtlvey/background.png" />
  48.  
  49. <!-- sidebar image -->
  50. <meta name="image:Sidebar Image" content="http://static.tumblr.com/ctnjtyx/uAqmz21a4/sidebar.gif" />
  51.  
  52. <!-- preferences -->
  53. <meta name="if:Infinite Scrolling" content="0" />
  54. <meta name="if:Captions" content="0">
  55.  
  56. <!-- main links -->
  57. <meta name="text:Link 1" content="Link 1">
  58. <meta name="text:Link 1 url" content="">
  59. <meta name="text:Link 2" content="Link 2">
  60. <meta name="text:Link 2 url" content="">
  61. <meta name="text:Link 3" content="Link 3">
  62. <meta name="text:Link 3 url" content="">
  63. <meta name="text:Link 4" content="Link 4">
  64. <meta name="text:Link 4 url" content="">
  65. <meta name="text:Link 5" content="Link 5">
  66. <meta name="text:Link 5 url" content="">
  67.  
  68. <!-- sidebar links -->
  69. <meta name="text:Link 6" content="Link 6">
  70. <meta name="text:Link 6 url" content="">
  71. <meta name="text:Link 7" content="Link 7">
  72. <meta name="text:Link 7 url" content="">
  73. <meta name="text:Link 8" content="Link 8">
  74. <meta name="text:Link 8 url" content="">
  75. <meta name="text:Link 9" content="Link 9">
  76. <meta name="text:Link 9 url" content="">
  77. <meta name="text:Link 10" content="Link 10">
  78. <meta name="text:Link 10 url" content="">
  79. <meta name="text:Link 11" content="Link 11">
  80. <meta name="text:Link 11 url" content="">
  81. <meta name="text:Link 12" content="Link 12">
  82. <meta name="text:Link 12 url" content="">
  83. <meta name="text:Link 13" content="Link 13">
  84. <meta name="text:Link 13 url" content="">
  85. <meta name="text:Link 14" content="Link 14">
  86. <meta name="text:Link 14 url" content="">
  87. <meta name="text:Link 15" content="Link 15">
  88. <meta name="text:Link 15 url" content="">
  89.  
  90. <!-- update box -->
  91. <meta name="text:Update Box" content="">
  92.  
  93. <title>{Title}</title>
  94.  
  95. {block:Description}
  96. <meta name="description" content="{MetaDescription}" />
  97. {/block:Description}
  98.  
  99. <link rel="shortcut icon" href="{Favicon}">
  100. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  101.  
  102. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103.  
  104. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  105.  
  106. {block:IfInfiniteScrolling}
  107. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  108. {/block:IfInfiniteScrolling}
  109.  
  110. <style type="text/css">
  111.  
  112. /*ma body*/
  113. body {
  114. color:{color:text};
  115. font-family:calibri;
  116. font-size:10px;
  117. line-height:105%;
  118. background-color:{color:background};
  119. background-image:url('{image:Background}');
  120. background-attachment:fixed; background-repeat:repeat;
  121. text-decoration: none;
  122. }
  123.  
  124. /*bold*/
  125. b, strong {
  126. color:{color:bold};
  127. }
  128.  
  129. /*links*/
  130. a {
  131. text-decoration:none;
  132. outline:none;
  133. -moz-outline-style:none;
  134. -webkit-transition: all 0.7s ease;
  135. -moz-transition: all 0.7s ease;
  136. -o-transition: all 0.7s ease;
  137. color:{color:link};
  138. }
  139.  
  140. a:hover {
  141. -webkit-transition: all 0.5s ease-out;
  142. -moz-transition: all 0.5s ease-out;
  143. transition: all 0.5s ease-out;
  144. color: {color:link hover};
  145. -webkit-transition: all 0.7s ease;
  146. -moz-transition: all 0.7s ease;
  147. -o-transition: all 0.7s ease;
  148. }
  149.  
  150. /*scrollbar*/
  151. ::-webkit-scrollbar {
  152. height: 0px;
  153. width: 5px;
  154. }
  155.  
  156. ::-webkit-scrollbar-thumb {
  157. background-color:{color:scrollbar};
  158. }
  159.  
  160. ::-webkit-scrollbar-track{
  161. background-color:{color:scrollbar bg};
  162. }
  163.  
  164. ::-webkit-scrollbar-buttom{
  165. background-color:{color:scrollbar bg};
  166. }
  167.  
  168. /*buttons*/
  169. iframe#tumblr_controls {
  170. right:3px !important;
  171. position: fixed !important;
  172. -webkit-transition:opacity 0.6s;
  173. opacity:0.3;
  174. -webkit-transition:0.6s;
  175. -moz-transition:0.6s;
  176. transition:0.6s;
  177. }
  178.  
  179. iframe#tumblr_controls:hover {
  180. -webkit-transition:opacity 0.6s;
  181. opacity:1;
  182. -webkit-transition:all 0.6s;
  183. -moz-transition:all 0.6s;
  184. transition:all 0.6s;
  185. }
  186.  
  187. /*link hover*/
  188. div#qTip {
  189. display: none;
  190. color:{color:permalink text};
  191. text-align:left;
  192. position:absolute;
  193. z-index:99;
  194. font-size:9px;
  195. background:{color:permalink background};
  196. padding:3px 4px;
  197. line-height:13px;
  198. text-transform:uppercase;
  199. }
  200.  
  201. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  202. background-color:transparent!important;
  203. }
  204.  
  205. /*blockquote*/
  206. blockquote {
  207. border-left:2px dashed {color:blockquote};
  208. padding:2px 7px;
  209. margin:3px 0 3px 8px;
  210. }
  211.  
  212. /*credits*/
  213. #credit {
  214. position:fixed;
  215. right:0px;
  216. bottom:0px;
  217. text-transform:uppercase;
  218. font-size:8px;
  219. background:{color:lines};
  220. padding:3px;
  221. transition: all 0.4s ease-out;
  222. -o-transition-transition: all 0.4s ease-out;
  223. -webkit-transition: all 0.4s ease-out;
  224. -moz-transition: all 0.4s ease-out;
  225. text-decoration: none;
  226. }
  227.  
  228. #credit:hover {
  229. background:{color:sidebar menu background 2};
  230. transition: all 0.4s ease-out;
  231. -o-transition-transition: all 0.4s ease-out;
  232. -webkit-transition: all 0.4s ease-out;
  233. -moz-transition: all 0.4s ease-out;
  234. text-decoration: none;
  235. }
  236.  
  237. #credit a{
  238. color:{color:sidebar menu text 1};
  239. }
  240.  
  241. #credit a:hover{
  242. color:{color:sidebar menu text 2};
  243. }
  244.  
  245. /*updates box*/
  246. #updates{
  247. position:fixed;
  248. width:100px;
  249. height:300px;
  250. bottom:0px;
  251. margin-top:80px;
  252. margin-left:520px;
  253. transition-duration: 0.8s;
  254. -moz-transition-duration: 0.8s;
  255. -webkit-transition-duration: 0.8s;
  256. -o-transition-duration: 0.8s;
  257. }
  258.  
  259. #updates:hover #box{
  260. position: absolute;
  261. opacity:1;
  262. transition-duration: 0.8s;
  263. -moz-transition-duration: 0.8s;
  264. -webkit-transition-duration: 0.8s;
  265. -o-transition-duration: 0.8s;
  266. }
  267.  
  268. #updates:hover .box3{
  269. position: absolute;
  270. opacity:1;
  271. transition-duration: 0.8s;
  272. -moz-transition-duration: 0.8s;
  273. -webkit-transition-duration: 0.8s;
  274. -o-transition-duration: 0.8s;
  275. }
  276.  
  277. #updatebox {
  278. position:fixed;
  279. background-color:{color:update box background};
  280. color:{color:update box text};
  281. letter-spacing: 2px;
  282. position:absolute;
  283. bottom:10px;
  284. width:100px;
  285. height:49px;
  286. left:50%;
  287. transition-duration: 0.8s;
  288. -moz-transition-duration: 0.8s;
  289. -webkit-transition-duration: 0.8s;
  290. -o-transition-duration: 0.8s;
  291. -webkit-transition: all 0.5s ease;
  292. -moz-transition: all 0.5s ease;
  293. -o-transition: all 0.5s ease;
  294. }
  295.  
  296. #box{
  297. position:absolute;
  298. top:100px;
  299. width:100px;
  300. height:140px;
  301. text-align:left;
  302. margin-left:50px;
  303. background:{color:update box background};
  304. opacity:0;
  305. transition-duration: 0.8s;
  306. -moz-transition-duration: 0.8s;
  307. -webkit-transition-duration: 0.8s;
  308. -o-transition-duration: 0.8s;
  309. }
  310.  
  311. #box2{
  312. position:absolute;
  313. top:4px;
  314. padding:10px;
  315. width:80px;
  316. text-align:left;
  317. height:110px;
  318. line-height:130%;
  319. background:{color:update box background};
  320. color:{color:update box text};
  321. opacity:1;
  322. font-style:italic;
  323. font-size:9px;
  324. font-family:cambria;
  325. overflow:auto;
  326. transition-duration: 0.8s;
  327. -moz-transition-duration: 0.8s;
  328. -webkit-transition-duration: 0.8s;
  329. -o-transition-duration: 0.8s;
  330. }
  331.  
  332. .box3 {
  333. bottom:0px;
  334. left:50%;
  335. opacity:0;
  336. position: absolute;
  337. transition-duration: 0.8s;
  338. -moz-transition-duration: 0.8s;
  339. -webkit-transition-duration: 0.8s;
  340. -o-transition-duration: 0.8s;
  341. }
  342.  
  343. /*h3*/
  344. h3 {
  345. background-color: {color:sidebar menu background 2};
  346. transition: all 0.4s ease-out;
  347. -o-transition-transition: all 0.4s ease-out;
  348. -webkit-transition: all 0.4s ease-out;
  349. -moz-transition: all 0.4s ease-out;
  350. color:{color:sidebar menu text 2};
  351. font-size:10px;
  352. text-transform:uppercase;
  353. line-height:14px;
  354. padding:7px;
  355. letter-spacing:1px;
  356. font-weight:normal;
  357. text-align:center;
  358. }
  359.  
  360. /*sidebar*/
  361. /*description*/
  362. .desc{
  363. width:218px;
  364. color:{color:text};
  365. padding:8px;
  366. font-family:cambria;
  367. font-size:9px;
  368. font-style:italic;
  369. text-align:center;
  370. text-transform:lowercase;
  371. }
  372.  
  373. /*title*/
  374. #titlesidebar{
  375. width: 160px;
  376. font-size: 30px;
  377. margin-top:75px;
  378. margin-left:55px;
  379. letter-spacing: 0px;
  380. text-align:left;
  381. position: fixed;
  382. text-transform: uppercase;
  383. font-family: Impact;
  384. font-weight: bold;
  385. color: {color:title color};
  386. }
  387.  
  388. #titlesidebar2 {
  389. height: 30%;
  390. margin-top:-10px;
  391. position: fixed;
  392. color: {color:title};
  393. overflow: hidden;
  394. }
  395.  
  396. /*sidebar linha*/
  397. #firstline {
  398. position:fixed;
  399. width:1px;
  400. height:110%;
  401. margin-top:-20px;
  402. margin-left:227px;
  403. background-color:{color:lines};
  404. }
  405.  
  406. #secondline {
  407. border-bottom: 1px solid {color:lines};
  408. position: fixed;
  409. width: 110%;
  410. margin-top:100px;
  411. margin-left:-50px;
  412. z-index: 100;
  413. }
  414.  
  415.  
  416.  
  417. /*h sidebar*/
  418. #hsidebar {
  419. width:219px;
  420. font-size:8px;
  421. text-transform: uppercase;
  422. font-family: cambria;
  423. background-color:{color:lines};
  424. color:{color:sidebar menu text 1};
  425. padding:8px;
  426. letter-spacing:1px;
  427. text-align:left;
  428. }
  429.  
  430. #hsidebar2 {
  431. width:219px;
  432. font-size:8px;
  433. text-transform: uppercase;
  434. font-family: cambria;
  435. background-color:{color:sidebar menu background 2};
  436. color:{color:sidebar menu text 2};
  437. padding:8px;
  438. letter-spacing:1px;
  439. text-align:left;
  440. }
  441.  
  442. /*sidebar links*/
  443. #sidebarlinks a {
  444. margin-left:6px;
  445. margin-bottom:2px;
  446. font-family: cambria;
  447. font-size: 8px;
  448. text-transform: uppercase;
  449. background-color: {color:lines};
  450. display:block;
  451. width:210px;
  452. height: 11px;
  453. color: {color:sidebar menu text 1};
  454. transition: all 0.4s ease-out;
  455. -o-transition-transition: all 0.4s ease-out;
  456. -webkit-transition: all 0.4s ease-out;
  457. -moz-transition: all 0.4s ease-out;
  458. text-decoration: none;
  459. padding: 6px;
  460. }
  461.  
  462. #sidebarlinks2 a {
  463. margin-left:6px;
  464. margin-bottom:2px;
  465. font-family: cambria;
  466. font-size: 8px;
  467. text-transform: uppercase;
  468. background-color: {color:sidebar menu background 2};
  469. display:block;
  470. width:210px;
  471. height: 11px;
  472. color: {color:sidebar menu text 2};
  473. transition: all 0.4s ease-out;
  474. -o-transition-transition: all 0.4s ease-out;
  475. -webkit-transition: all 0.4s ease-out;
  476. -moz-transition: all 0.4s ease-out;
  477. text-decoration: none;
  478. padding: 6px;
  479. }
  480.  
  481. /*main links*/
  482. .mainbackground {
  483. position: fixed;
  484. background-color:{color:background};
  485. background-image:url('{image:Background}');
  486. background-attachment:fixed;
  487. background-repeat:repeat;
  488. margin-top: -20px;
  489. margin-left: 236px;
  490. padding-top: 120px;
  491. padding-left: 900px;
  492. }
  493.  
  494. .mainlinks {
  495. position: fixed;
  496. vertical-align: top;
  497. padding-top: 78px;
  498. padding-left: 280px;
  499. }
  500.  
  501. .mainlinks a {
  502. font-size: 20px;
  503. letter-spacing: 0px;
  504. text-transform: uppercase;
  505. font-family: Impact;
  506. width:100px;
  507. height: 11px;
  508. color: {color:main links text};
  509. transition: all 0.4s ease-out;
  510. -o-transition-transition: all 0.4s ease-out;
  511. -webkit-transition: all 0.4s ease-out;
  512. -moz-transition: all 0.4s ease-out;
  513. text-decoration: none;
  514. padding: 6px;
  515. }
  516.  
  517. .mainlinks a:hover {
  518. background-color: {color:main links background};
  519. }
  520.  
  521. /*links e stuff*/
  522. #descsidebar {
  523. height:auto;
  524. width:160px;
  525. margin-top:200px;
  526. text-align:center;
  527. position:fixed;
  528. margin-left:-8px;
  529. }
  530.  
  531. /*sidebar image*/
  532. #portrait{
  533. margin-left:-8px;
  534. position:fixed;
  535. margin-top:100px;
  536. background-image: url('{image:Sidebar Image}');
  537. display:inline-block;
  538. width:235px;
  539. height:100px;
  540. }
  541.  
  542. /*pages*/
  543. .pages {
  544. width:70px;
  545. text-align:center;
  546. position:fixed;
  547. line-height:20px;
  548. text-transform: uppercase;
  549. padding:3px ;
  550. font-family: calibri;
  551. background-color:{color:lines};
  552. font-size:8px;
  553. color:{color:sidebar menu text 1};
  554. }
  555.  
  556. .pages a{
  557. text-decoration: none;
  558. width:50px;
  559. opacity: 1;
  560. text-align:center;
  561. font-family: calibri;
  562. font-size:8px;
  563. color:{color:sidebar menu text 1};
  564. border-radius: 3px;
  565. }
  566.  
  567. /*posts*/
  568. #entries {
  569. width:500px;
  570. float:left;
  571. margin-top:100px;
  572. margin-left:260px;
  573. text-align:justify;}
  574.  
  575. .posts {
  576. width:500px;
  577. min-height:15px;
  578. background-color:{color:entries};
  579. color:{color:text};
  580. }
  581.  
  582. .posts a {
  583. color:{color:link};
  584. }
  585.  
  586. .posts a:visited {
  587. color:{color:link};
  588. }
  589.  
  590. .posts a:hover {
  591. color:{color:link hover};
  592. }
  593.  
  594. /*permalink*/
  595. #permalink {
  596. background-color:{color:permalink background};
  597. transition: all 0.4s ease-out;
  598. -o-transition-transition: all 0.4s ease-out;
  599. -webkit-transition: all 0.4s ease-out;
  600. -moz-transition: all 0.4s ease-out;
  601. font-family:calibri;
  602. margin-bottom:2px;
  603. text-transform:uppercase;
  604. font-size:9px;
  605. display:inline-block;
  606. padding: 3px 5px 3px;
  607. color: {color:permalink text};
  608. }
  609.  
  610. #permalink:hover {
  611. background-color: {color:permalink background hover};
  612. transition: all 0.4s ease-out;
  613. -o-transition-transition: all 0.4s ease-out;
  614. -webkit-transition: all 0.4s ease-out;
  615. -moz-transition: all 0.4s ease-out;
  616. font-family:calibri;
  617. text-transform:uppercase;
  618. font-size:9px;
  619. display:inline-block; padding: 3px 5px 3px;
  620. color: {color:permalink text};
  621. }
  622.  
  623. #permalink a {
  624. color:{color:permalink link}; !important;
  625. text-decoration:none;
  626. }
  627.  
  628. #permalink a:hover {
  629. color:{color:permalink link hover};
  630. text-decoration:none;
  631. }
  632.  
  633. /*post titles*/
  634. h1 {
  635. background-color:{color:post title background};
  636. color:{color:post title text};
  637. font-size:10px;
  638. text-transform:uppercase;
  639. padding:7px;
  640. letter-spacing:1px;
  641. font-weight:normal;
  642. text-align:left;
  643. transition: all 0.4s ease-out;
  644. -o-transition-transition: all 0.4s ease-out;
  645. -webkit-transition: all 0.4s ease-out;
  646. -moz-transition: all 0.4s ease-out;
  647. }
  648.  
  649. h1:hover {
  650. background-color: {color:post title background hover};
  651. transition: all 0.4s ease-out;
  652. -o-transition-transition: all 0.4s ease-out;
  653. -webkit-transition: all 0.4s ease-out;
  654. -moz-transition: all 0.4s ease-out;
  655. color:{color:post title text hover};
  656. font-size:10px;
  657. text-transform:uppercase;
  658. line-height:14px;
  659. padding:7px;
  660. letter-spacing:1px;
  661. font-weight:normal;
  662. text-align:left;
  663. }
  664.  
  665. h1 a{
  666. color:{color:post title text};
  667. text-transform:uppercase;
  668. }
  669.  
  670. h1 a:hover{
  671. color:{color:post title text hover};
  672. text-transform:uppercase;
  673. }
  674.  
  675. /*quote*/
  676. h2 {
  677. font-size:15px;
  678. line-height:14px;
  679. margin-top:0px;
  680. padding:5px;
  681. text-transform:none;
  682. letter-spacing:0px;
  683. font-weight:normal;
  684. font-style:italic;
  685. text-align:left;
  686. }
  687.  
  688. .quote {
  689. font-size: 10px;
  690. color: {color:text};
  691. float: left;
  692. }
  693.  
  694. /*chat*/
  695. .chat {
  696. line-height:12px;
  697. list-style:none
  698. }
  699.  
  700. .chat ul {
  701. line-height:15px;
  702. list-style:none;
  703. padding:0px;
  704. line-height:20px;
  705. }
  706.  
  707. .person1 {
  708. background-color:{color:question background};
  709. padding-left:6px;
  710. padding-right:6px;
  711. }
  712.  
  713. .person1 .label {
  714. font-weight:bold;
  715. color:{color:bold};
  716. }
  717.  
  718. .person2 {
  719. background-color:{color:entries};
  720. padding-left:6px;
  721. padding-right:6px;
  722. }
  723.  
  724. .person2 .label {
  725. font-weight:bold;
  726. color:{color:bold};
  727. }
  728.  
  729. /*audio*/
  730. .playerbuttonbg {
  731. position: absolute;
  732. left: 20px;
  733. top: 20px;
  734. width: 19px;
  735. height: 19px;
  736. background-color: #ffffff;
  737. padding: 10px;
  738. -webkit-border-radius: 40px;
  739. -moz-border-radius: 40px;
  740. border-radius: 40px;
  741. opacity: .4;
  742. filter: alpha(opacity=40);
  743. -moz-opacity: 0.4;
  744. -khtml-opacity: 0.4;
  745. transition: opacity .7s ease-in-out;
  746. -moz-transition: opacity .7s ease-in-out;
  747. -webkit-transition: opacity .7s ease-in-out;
  748. }
  749.  
  750. .playerbuttonbg:hover {
  751. opacity: 1;
  752. filter: alpha(opacity=100);
  753. -moz-opacity: 1;
  754. -khtml-opacity: 1;
  755. }
  756.  
  757. .newplayerbutton {
  758. position: relative;
  759. width: 19px;
  760. height: 19px;
  761. overflow: hidden;
  762. }
  763.  
  764. .playerbuttonhug {
  765. position: relative;
  766. top: -18px;
  767. left: -7px;
  768. }
  769.  
  770. .tumblr_audio_player {
  771. height: 90px;
  772. width: 270px;
  773. -moz-transform: scale(0.60, 0.60);
  774. -webkit-transform: scale(0.60, 0.60);
  775. -o-transform: scale(0.60, 0.60);
  776. -ms-transform: scale(0.60, 0.60);
  777. transform: scale(0.60, 0.60);
  778. -moz-transform-origin: top left;
  779. -webkit-transform-origin: top left;
  780. -o-transform-origin: top left;
  781. -ms-transform-origin: top left;
  782. transform-origin: top left;
  783. }
  784.  
  785. .audioimgwrapper {
  786. position: absolute;
  787. left: 0px;
  788. top: 0px;
  789. -webkit-border-radius: 40px;
  790. -moz-border-radius: 40px;
  791. border-radius: 40px;
  792. overflow: hidden;
  793. width: 79px;
  794. height: 79px;
  795. }
  796.  
  797. .audioimgwrapper img {
  798. width: 100%;
  799. height: auto;
  800. -webkit-border-radius: 40px;
  801. -moz-border-radius: 40px;
  802. border-radius: 40px;
  803. }
  804.  
  805. .trackdetails {
  806. width: auto;
  807. display:inline-block;
  808. margin-left: 90px;
  809. min-height: 85px;
  810. }
  811.  
  812. .audiowrapper {
  813. position: relative;
  814. display:inline-block;
  815. }
  816.  
  817. </style>
  818. </head>
  819.  
  820. <body>
  821.  
  822.  
  823. <div id="backgroundsidebar"></div>
  824.  
  825. <div id="firstline"></div>
  826. <div id="secondline" span style="position: fixed;"></div>
  827.  
  828. <div id="titlesidebar">{Title}
  829. <div id="titlesidebar2">{Title}<div>
  830. </div></div></div>
  831.  
  832. <a href="/" title="home"><div id="portrait"></div></a>
  833.  
  834. <div id="descsidebar">
  835.  
  836. <div id="hsidebar"> description </div>
  837. <div class="desc">
  838. {block:Description}{Description}{/block:Description}
  839. </div>
  840.  
  841. <div id="hsidebar2"> links </div>
  842. <br>
  843. <div id="sidebarlinks">{block:IfLink6}<a href="{text:Link 6 url}" title="{text:Link 6}">{text:Link 6}</a>{/block:IfLink6}</div>
  844.  
  845. <div id="sidebarlinks2">{block:IfLink7}<a href="{text:Link 7 url}" title="{text:Link 7}">{text:Link 7}</a>{/block:IfLink7}</div>
  846.  
  847. <div id="sidebarlinks">{block:IfLink8}<a href="{text:Link 8 url}" title="{text:Link 8}">{text:Link 8}</a>{/block:IfLink8}</div>
  848.  
  849. <div id="sidebarlinks2">{block:IfLink9}<a href="{text:Link 9 url}" title="{text:Link 9}">{text:Link 9}</a>{/block:IfLink9}</div>
  850.  
  851. <div id="sidebarlinks">{block:IfLink10}<a href="{text:Link 10 url}" title="{text:Link 10}">{text:Link 10}</a>{/block:IfLink10}</div>
  852.  
  853. <div id="sidebarlinks2">{block:IfLink11}<a href="{text:Link 11 url}" title="{text:Link 11}">{text:Link 11}</a>{/block:IfLink11}</div>
  854.  
  855. <div id="sidebarlinks">{block:IfLink12}<a href="{text:Link 12 url}" title="{text:Link 12}">{text:Link 12}</a>{/block:IfLink12}</div>
  856.  
  857. <div id="sidebarlinks2">{block:IfLink13}<a href="{text:Link 13 url}" title="{text:Link 13}">{text:Link 13}</a>{/block:IfLink13}</div>
  858.  
  859. <div id="sidebarlinks">{block:IfLink14}<a href="{text:Link 14 url}" title="{text:Link 14}">{text:Link 14}</a>{/block:IfLink14}</div>
  860.  
  861. <div id="sidebarlinks2">{block:IfLink15}<a href="{text:Link 15 url}" title="{text:Link 15}">{text:Link 15}</a>{/block:IfLink15}</div>
  862.  
  863. <br>
  864.  
  865. {block:IfNotInfiniteScrolling}
  866. {block:Pagination}<div class="pages">
  867. {block:PreviousPage}<a href="{PreviousPage}">&larr; back</a> - {/block:PreviousPage}
  868. {block:NextPage}<a href="{NextPage}">go →</a> {/block:NextPage}
  869. </div>{/block:Pagination}
  870. {/block:IfNotInfiniteScrolling}
  871.  
  872. </div>
  873.  
  874.  
  875.  
  876. <div class="mainbackground"></div>
  877.  
  878.  
  879. <div class="mainlinks">
  880. <a href="/ask" title="ask me">message</a>
  881. {block:IfLink1}<a href="{text:Link 1 url}" title="{text:Link 1}">{text:Link 1}</a>{/block:IfLink1}
  882. {block:IfLink2}<a href="{text:Link 2 url}" title="{text:Link 2}">{text:Link 2}</a>{/block:IfLink2}
  883. {block:IfLink3}<a href="{text:Link 3 url}" title="{text:Link 3}">{text:Link 3}</a>{/block:IfLink3}
  884. {block:IfLink4}<a href="{text:Link 4 url}" title="{text:Link 4}">{text:Link 4}</a>{/block:IfLink4}
  885. {block:IfLink5}<a href="{text:Link 5 url}" title="{text:Link 5}">{text:Link 5}</a>{/block:IfLink5}
  886. </div>
  887.  
  888.  
  889.  
  890. <div id="entries">
  891. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  892. {block:Posts}
  893. <br><br><br>
  894.  
  895. <div class="posts">
  896.  
  897. {block:ContentSource}
  898.  
  899. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  900.  
  901. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  902.  
  903. {/block:SourceLogo}
  904.  
  905. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  906.  
  907. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  908.  
  909. {block:Text}
  910. {block:Title}<h1>{Title}</h1>{/block:Title}
  911. {Body}
  912. {/block:Text}
  913.  
  914. {block:Photo}
  915. <center><div class="photo">
  916. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div></center>
  917. {block:IfCaptions}{block:Caption}
  918. {Caption}
  919. {/block:Caption}{/block:IfCaptions}
  920. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  921. {Caption}
  922. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  923. {/block:Photo}
  924.  
  925. {block:Photoset}
  926. <div class="photo">
  927. {Photoset-500}
  928. </div>
  929. {block:IfCaptions}{block:Caption}
  930. {Caption}
  931. {/block:Caption}{/block:IfCaptions}
  932. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  933. {Caption}
  934. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  935. {/block:Photoset}
  936.  
  937. {block:Quote}
  938. <div class="quote">&#10077;</div>
  939. <h2>{Quote}</h2>
  940. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  941. {/block:Quote}
  942.  
  943. {block:Link}
  944. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  945. {block:Description}{Description}{/block:Description}
  946. {/block:Link}
  947.  
  948. {block:Chat}
  949. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  950. <div class="chat"><ul>{block:Lines}
  951. <li class="person{UserNumber}">{block:Label}
  952. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  953. {/block:Chat}
  954.  
  955. {block:AudioPlayer}
  956. <div class="audiowrapper">
  957. {block:AlbumArt}
  958. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  959. {/block:AlbumArt}
  960.  
  961. <div class="playerbuttonbg">
  962. <div class="newplayerbutton">
  963. <div class="playerbuttonhug">
  964.  
  965. {AudioPlayerWhite}
  966.  
  967. </div>
  968. </div>
  969. </div>
  970.  
  971. <div class="trackdetails">
  972.  
  973. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  974. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  975. {block:Album}Album: {Album}{/block:Album}<br/>
  976. {PlayCountWithLabel}
  977.  
  978. </div>
  979. </div>
  980. {/block:AudioPlayer}
  981.  
  982. {block:Video}
  983. {Video-500}
  984. {block:IfCaptions}{block:Caption}
  985. {Caption}
  986. {/block:Caption}{/block:IfCaptions}
  987. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  988. {Caption}
  989. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  990. {/block:Video}
  991.  
  992. {block:Answer}
  993. <table>
  994. <tr><td colspan="3" width="500px" style="padding:9px; text-align:center; background-color:{color:question background};"><b>{Asker}</b> asked: {Question}</td> <img src="{AskerPortraitURL-30}" style="padding:2px;" align="right"></tr>
  995. </table>
  996. {Answer}
  997. {/block:Answer}
  998. </div>
  999.  
  1000. {block:PermalinkPage}
  1001. <div class="info2"><div id="permalink">{block:Date} Posted: <a href="{Permalink}">{TimeAgo}</a>{/block:Date} </div>
  1002.  
  1003. <div id="permalink">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a> {/block:NoteCount} </div>
  1004.  
  1005. {block:Tags}
  1006. {block:HasTags}
  1007. <div id="permalink"><a href="{TagURL}">#{Tag}</a> </div>
  1008. {/block:HasTags}
  1009. {/block:Tags}
  1010.  
  1011. </div>
  1012. {block:PermalinkPage}
  1013.  
  1014.  
  1015. {block:IndexPage}
  1016. <div class="info2"><div id="permalink">{block:Date} Posted: <a href="{Permalink}">{TimeAgo}</a>{/block:Date} </div>
  1017.  
  1018. <div id="permalink">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a> {/block:NoteCount} </div>
  1019.  
  1020. {block:Tags}
  1021. {block:HasTags}
  1022. <div id="permalink"><a href="{TagURL}">#{Tag}</a> </div>
  1023. {/block:HasTags}
  1024. {/block:Tags}
  1025.  
  1026. </div>
  1027. {/block:IndexPage}
  1028.  
  1029.  
  1030. {/block:Posts}
  1031. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  1032.  
  1033. {block:PostNotes}
  1034. <div id="notes">{PostNotes}</div>
  1035. {/block:PostNotes}
  1036. <br>
  1037.  
  1038. <div id="credit">
  1039. <a href="http://minivicky.tumblr.com/" title="minivicky">MV</a>
  1040. </div>
  1041.  
  1042. <div id="updates">
  1043. <div id="box">
  1044. <div id="box2">
  1045.  
  1046. {text:Update Box}
  1047. </div>
  1048.  
  1049. <div class="box3"></div>
  1050. </div>
  1051.  
  1052. <div id="updatebox"> <h3>Updates</h3> </div>
  1053.  
  1054. </div>
  1055.  
  1056. </div>
  1057.  
  1058. </body>
  1059. </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!