Advertisement
abv2

Im just a bussiness fish in the corporate sea

Aug 8th, 2016
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.69 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!---
  5.  
  6.  
  7.  
  8.  
  9. THEME BY TWO-DAMES.TUMBLR.COM
  10. KINDLY DO NOT STEAL OR REMOVE CREDIT!!!
  11. MUCH OBLIGED!!!
  12.  
  13.  
  14.  
  15. --->
  16.  
  17.  
  18. <title>{Title}</title>
  19.  
  20. <!---tooltip--->
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23.  
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25.  
  26. <script>
  27.  
  28. (function($){
  29.  
  30. $(document).ready(function(){
  31.  
  32. $("a[title]").style_my_tooltips({
  33.  
  34. tip_follows_cursor:true,
  35.  
  36. tip_delay_time:60,
  37.  
  38. tip_fade_speed:300,
  39.  
  40. attribute:"title"
  41.  
  42. });
  43.  
  44. });
  45.  
  46. })(jQuery);
  47.  
  48. </script>
  49. <!--basic tooltip from tutorial-baby! Enjoy-->
  50. <style>
  51. .tooltip{
  52. display: inline;
  53. position: relative;
  54. }
  55. #s-m-t-tooltip {
  56. max-width:300px; /*how big the tooltip can be at most*/
  57. border-radius: 0px; /*change your border radius*/
  58. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  59. margin:20px 7px -2px 20px; /*distance from word*/
  60. background-color:#ffffff; /*background color*/
  61. border:1px solid #E0E0E0; /*border info*/
  62. font-family:niconne; /*tooltip font*/
  63. font-size:9px; /*tooltip font size*/
  64. letter-spacing:2px; /*tooltip letter spacing*/
  65. text-transform:uppercase; /*makes the tooltip title uppercase*/
  66. color:#000; /*tooltip font color*/
  67. z-index:999999999999999999999999999999999999;
  68. }
  69. </style>
  70.  
  71. <!---end tooltip--->
  72.  
  73.  
  74.  
  75. <link rel="shortcut icon" href="{Favicon}">
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  77. {block:Description}
  78. <meta name="description" content="{MetaDescription}" />
  79. {/block:Description}
  80. </head>
  81.  
  82. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  83.  
  84. <link href='https://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'>
  85. <link href='https://fonts.googleapis.com/css?family=Marcellus+SC' rel='stylesheet' type='text/css'>
  86. <link href='https://fonts.googleapis.com/css?family=Metamorphous' rel='stylesheet' type='text/css'>
  87. <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  88. <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  89. <link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  90. <link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
  91. <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  92. <link href='https://fonts.googleapis.com/css?family=Lakki+Reddy' rel='stylesheet' type='text/css'>
  93. <link href='https://fonts.googleapis.com/css?family=Freckle+Face' rel='stylesheet' type='text/css'>
  94. <link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>
  95. <link href='https://fonts.googleapis.com/css?family=Frijole' rel='stylesheet' type='text/css'>
  96. <link href='https://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
  97.  
  98. <meta name="select:Font" content="Arial" title="Arial">
  99. <meta name="select:Font" content="Consolas" title="Consolas">
  100. <meta name="select:Font" content="Lucida Sans" title="Lucida Sans">
  101. <meta name="select:Font" content="Calibri" title="Calibri">
  102. <meta name="select:Font" content="Verdana" title="Verdana">
  103. <meta name="select:Font" content="Corbel" title="Corbel">
  104. <meta name="select:Font" content="Vivaldi" title="Vivaldi">
  105. <meta name="select:Font" content="Georgia" title="Georgia">
  106. <meta name="select:Font" content="Balthasar" title="Balthasar">
  107. <meta name="select:Font" content="Mistral" title="Mistral">
  108. <meta name="select:Font" content="Impact" title="Impact">
  109. <meta name="select:Font" content="MV Boli" title="MV Boli">
  110. <meta name="select:Font" content="Papyrus" title="Papyrus">
  111. <meta name="select:Font" content="Tempus Sans ITC" title="Tempus Sans ITC">
  112.  
  113. <meta name="select:Title Font" content="Marcellus SC" title="Marcellus SC">
  114. <meta name="select:Title Font" content="Metamorphous" title="Metamorphous">
  115. <meta name="select:Title Font" content="Indie flower" title="Indie flower">
  116. <meta name="select:Title Font" content="Bangers" title="Bangers">
  117. <meta name="select:Title Font" content="Rock Salt" title="Rock+Salt">
  118. <meta name="select:Title Font" content="Special Elite" title="Special Elite">
  119. <meta name="select:Title Font" content="Satisfy" title="Satisfy">
  120. <meta name="select:Title Font" content="Lakki+Reddy" title="Lakki Reddy">
  121. <meta name="select:Title Font" content="Freckle Face" title="Freckle Face">
  122. <meta name="select:Title Font" content="Fredericka the Great" title="Fredericka the Great">
  123. <meta name="select:Title Font" content="Frijole" title="Frijole">
  124. <meta name="select:Title Font" content="Oregano" title="Oregano">
  125. <meta name="select:Title Font" content="Niconne" title="Niconne">
  126.  
  127.  
  128.  
  129. <meta name="select:Post Title font" content="Marcellus SC" title="Marcellus SC">
  130. <meta name="select:Post Title font" content="Metamorphous" title="Metamorphous">
  131. <meta name="select:Post Title font" content="Bangers" title="Bangers">
  132. <meta name="select:Post Title font" content="Rock Salt" title="Rock+Salt">
  133. <meta name="select:Post Title font" content="Special Elite" title="Special Elite">
  134. <meta name="select:Post Title font" content="Satisfy" title="Satisfy">
  135. <meta name="select:Post Title font" content="Lakki+Reddy" title="Lakki Reddy">
  136. <meta name="select:Post Title font" content="Freckle+Face" title="Freckle Face">
  137. <meta name="select:Post Title font" content="Fredericka the Great" title="Fredericka the Great">
  138. <meta name="select:Post Title font" content="Frijole" title="Frijole">
  139. <meta name="select:Post Title font" content="Oregano" title="Oregano">
  140.  
  141.  
  142.  
  143.  
  144. <meta name="text:Font size" content="12">
  145. <meta name="text:Title Size" content="27">
  146. <meta name="text:Post Title Size" content="20">
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <meta name="image:Main Background" content="" />
  153. <meta name="image:Sidebar Image" content=""/>
  154. <meta name="image:Sidebar Bg" content=""/>
  155. <meta name="color:Main Background" content=""/>
  156. <meta name="color:Post Background" content=""/>
  157. <meta name="color:Title" content=""/>
  158. <meta name="color:Description" content="">
  159. <meta name="color:Description BG" content="">
  160. <meta name="color:Sidebar links" content=""/>
  161. <meta name="color:Border" content="#cccccc"/>
  162. <meta name="color:Post Title" content=""/>
  163. <meta name="color:Text color" content=""/>
  164. <meta name="color:Blockquote color" content="#737373"/>
  165. <meta name="color:Link color" content=""/>
  166. <meta name="color:Quote color" content=""/>
  167. <meta name="color:Permalink Border" content=""/>
  168. <meta name="color:Permalink text" content=""/>
  169. <meta name="color:Permalink links" content=""/>
  170. <meta name="text:Link URL1" content=""/>
  171. <meta name="text:Link Text1" content=""/>
  172. <meta name="text:Link URL2" content=""/>
  173. <meta name="text:Link Text2" content=""/>
  174. <meta name="text:Link URL3" content=""/>
  175. <meta name="text:Link Text3" content=""/>
  176.  
  177.  
  178. <style type="text/css">
  179.  
  180. body {
  181.  
  182. background-color: {color:Main background};
  183. background-image: url('{image:main background}');
  184. background-repeat:no-repeat;
  185. background-attachment:fixed;
  186. background-size:100% 100%;
  187. font-family: {select:font};
  188. font-size: {text:Font Size}px;
  189. color: {color:Text color};
  190. }
  191.  
  192. a {
  193. text-decoration:none;
  194. color:{color:link color};
  195. -webkit-transition: all 0.5s ease;
  196. -moz-transition: all 0.5s ease;
  197. -o-transition: all 0.5s ease;
  198. }
  199.  
  200. a:hover {
  201. color:{color:text color};
  202. }
  203.  
  204. b, strong {
  205. text-transform:bold;
  206. }
  207.  
  208. i, em {
  209. text-transform:italic;
  210. }
  211.  
  212. large{
  213. font-family: {select:Post Title Font};
  214. font-size: {text:Post Title Size}px;
  215. }
  216.  
  217. blockquote {
  218. padding:2px 7px;
  219. margin:3px 0 3px 8px;
  220. border-left:1px solid {color:blockquote color};
  221. }
  222.  
  223. blockquote img {
  224. max-width:100%;
  225. height:auto;
  226. }
  227.  
  228.  
  229. img {
  230. max-width: 100%;
  231. }
  232.  
  233.  
  234.  
  235. /*Sidebar*/
  236.  
  237. #sidebar {
  238. background-color: {color:sidebar background};
  239. background-image: url('{image:sidebar bg}');
  240. text-align: center;
  241. position: fixed;
  242. top: 0;
  243. left: 0;
  244. bottom: 0;
  245. height: 100%;
  246. width:330px;
  247. z-index: 9;
  248.  
  249. -moz-box-shadow: 0 0 10px #888;
  250. -webkit-box-shadow: 0 0 10px #888;
  251. box-shadow: 0 0 10px #888;
  252.  
  253. border: 1px solid {color:Border};
  254. border-radius: 5px;
  255. -webkit-border-radius: 5px;
  256. -moz-border-radius: 5px;
  257. -o-border-radius: 5px;
  258.  
  259. }
  260.  
  261. #sidebar img {
  262. margin-top:15px;
  263. width: 230px;
  264. margin-bottom:20px;
  265.  
  266. -moz-box-shadow: 0 0 10px #888;
  267. -webkit-box-shadow: 0 0 10px #888;
  268. box-shadow: 0 0 10px #888;
  269.  
  270. border: 1px double {color:Border};
  271. border-radius: 5px;
  272. -webkit-border-radius: 10px;
  273. -moz-border-radius: 10px;
  274. -o-border-radius: 10px;
  275. }
  276.  
  277. #sidebar links{
  278. border: 1px solid;
  279. word-break:break-word;
  280.  
  281.  
  282. }
  283.  
  284. #title {
  285. position: relative;
  286. height:auto;
  287. margin-top:40px;
  288. margin-left: 10px;
  289. margin-right: auto;
  290. font-size: {text:Title Size}px;
  291. line-height: 105%;
  292. width: 300px;
  293. text-align: center;
  294. word-break:break-word;
  295. color: {color:Title};
  296. font-family: {select:Title Font};
  297. z-index: 9;
  298. text-shadow:0 0 1px #000;
  299. }
  300.  
  301. #description {
  302. position: relative;
  303. background:{color:Description bg};
  304. margin-bottom:10px;
  305. margin-top: auto;
  306. margin-left: 50px;
  307. padding: 10px;
  308. width: 210px;
  309. text-align: center;
  310. word-break:break-word;
  311. color: {color:description};
  312. overflow:hidden;
  313. font-size:11px;
  314. border:3px double {color:border};
  315. border-radius: 5px;
  316. -webkit-border-radius: 5px;
  317. -moz-border-radius: 5px;
  318. -o-border-radius: 5px;
  319. }
  320.  
  321. #links {
  322. font-size:20px;
  323. line-height:30px;
  324.  
  325. width:70px;
  326. text-align:center;
  327. margin-left:145px;
  328. font-family:niconne;
  329.  
  330. }
  331.  
  332. #links a {
  333. display:inline-block;
  334. color:#006f94;
  335. padding:5px;
  336. background: #bae0eb;
  337. margin-bottom:5px;
  338. text-align:center;
  339. -webkit-transition: all 0.7s ease;
  340. -moz-transition: all 0.7s ease;
  341. -o-transition: all 0.7s ease;
  342. border:1px solid {color:border};
  343. border-radius: 5px;
  344. -webkit-border-radius: 5px;
  345. -moz-border-radius: 5px;
  346. -o-border-radius: 5px;
  347. }
  348.  
  349. #links a:hover {
  350. color:#dddddd;
  351. text-align:center;
  352. }
  353. /*Sidebar end*/
  354.  
  355. /*Body*/
  356.  
  357. #container {
  358. position:absolute;
  359. left:550px;
  360. top:50px;
  361. }
  362.  
  363. .posts {
  364. width:500px;
  365. background-color: {color:post background};
  366. padding:10px;
  367. margin-bottom:30px;
  368.  
  369. -moz-box-shadow: 0 0 10px #888;
  370. -webkit-box-shadow: 0 0 10px #888;
  371. box-shadow: 0 0 10px #888;
  372.  
  373. border: 3px double {color:Border};
  374. border-radius: 3px;
  375. -webkit-border-radius: 3px;
  376. -moz-border-radius: 3px;
  377. -o-border-radius: 3px;
  378. }
  379.  
  380.  
  381. h1 {
  382. text-align: center;
  383. word-break:break-word;
  384. font-size: {text:Post Title size}px;
  385. line-height:105%;
  386. text-decoration:underline;
  387. color: {color:Post Title};
  388. font-family: {select:Post Title Font};
  389. }
  390.  
  391. /*Body end*/
  392.  
  393. /*Types of posts*/
  394.  
  395. .link{
  396. color: {color:link color};
  397. font-size:20px;
  398. font-family: {select:Post Title Font};
  399. }
  400.  
  401. .asr {
  402. font-size:{text:Post Title size}px;
  403. text-decoration: underline;
  404. font-family: {select:Post Title font};
  405. text-align:left;
  406. margin-bottom:5px;
  407. padding:5px;
  408. border-top:3px double {color:border};
  409. border-left:3px double {color:border};
  410. border-right:3px double {color:border};
  411. }
  412.  
  413. .question {
  414. padding-left:50px;
  415. padding-right:50px;
  416. padding-bottom:10px;
  417. border-bottom:3px double {color:border};
  418. border-left:3px double {color:border};
  419. border-right:3px double {color:border};
  420. }
  421.  
  422.  
  423. .quote {
  424. font-family: {select:Post Title Font};
  425. font-size: 20px;
  426. line-height:23px;
  427. letter-spacing:1px;
  428. text-indent: 15px;
  429. text-align: center;
  430. margin-bottom:5px;
  431. padding-bottom:3px;
  432. }
  433.  
  434. .quotesource {
  435. font-size:15px;
  436. line-height:17px;
  437. letter-spacing:1px;
  438. text-align:right;
  439. margin-bottom:5px;
  440. font-family: {select:Post Title Font};
  441. }
  442.  
  443. /*Audio*/
  444.  
  445. .playerbuttonbg {
  446. position: absolute;
  447. left: 20px;
  448. top: 20px;
  449. width: 19px;
  450. height: 19px;
  451. background-color: #ffffff;
  452. padding: 10px;
  453. -webkit-border-radius: 40px;
  454. -moz-border-radius: 40px;
  455. border-radius: 40px;
  456. opacity: .4;
  457. filter: alpha(opacity=40);
  458. -moz-opacity: 0.4;
  459. -khtml-opacity: 0.4;
  460. transition: opacity .7s ease-in-out;
  461. -moz-transition: opacity .7s ease-in-out;
  462. -webkit-transition: opacity .7s ease-in-out;
  463. }
  464.  
  465. .playerbuttonbg:hover {
  466. opacity: 1;
  467. filter: alpha(opacity=100);
  468. -moz-opacity: 1;
  469. -khtml-opacity: 1;
  470. }
  471.  
  472. .newplayerbutton {
  473. position: relative;
  474. width: 19px;
  475. height: 19px;
  476. overflow: hidden;
  477. }
  478.  
  479. .playerbuttonhug {
  480. position: absolute;
  481. top: -17px;
  482. left: -5px;
  483. }
  484.  
  485. .tumblr_audio_player {
  486. height: 90px;
  487. width: 270px;
  488. -moz-transform: scale(0.60, 0.60);
  489. -webkit-transform: scale(0.60, 0.60);
  490. -o-transform: scale(0.60, 0.60);
  491. -ms-transform: scale(0.60, 0.60);
  492. transform: scale(0.60, 0.60);
  493. -moz-transform-origin: top left;
  494. -webkit-transform-origin: top left;
  495. -o-transform-origin: top left;
  496. -ms-transform-origin: top left;
  497. transform-origin: top left;
  498. }
  499.  
  500. .audioimgwrapper {
  501. position: absolute;
  502. left: 0px;
  503. top: 0px;
  504. -webkit-border-radius: 40px;
  505. -moz-border-radius: 40px;
  506. border-radius: 40px;
  507. overflow: hidden;
  508. width: 79px;
  509. height: 79px;
  510. }
  511.  
  512. .audioimgwrapper img {
  513. width: 100%;
  514. height: auto;
  515. -webkit-border-radius: 40px;
  516. -moz-border-radius: 40px;
  517. border-radius: 40px;
  518. border:1px solid {color:border};
  519. -moz-box-shadow: 0 5px #888;
  520. -webkit-box-shadow: 0 0 5px #888;
  521. box-shadow: 0 0 5px #888;
  522.  
  523. }
  524.  
  525. .trackdetails {
  526. width: auto;
  527. float:center;
  528. text-align:center;
  529. padding:10px;
  530. border: 3px double {color:border};
  531. display:inline-block;
  532. margin-left: 90px;
  533. min-height: 50px;
  534. }
  535.  
  536. .audiowrapper {
  537. position: relative;
  538. display:inline-block;
  539. }
  540.  
  541. /*Audio end*/
  542.  
  543. /* Chat */
  544. .chat{
  545. height: auto;
  546. padding-bottom: 5px;
  547. width: 100%;
  548. word-break:break-word;
  549. }
  550.  
  551. .chat ul {
  552. word-break:break-word;
  553. list-style: none;
  554. }
  555.  
  556.  
  557. .chat .odd {
  558. text-align: left;
  559. color: {color:text};
  560. margin-left:-45px;
  561. word-break:break-word;
  562. border-bottom: 1px solid {color:border};
  563. }
  564. .chat .even {
  565. text-align: left;
  566. margin-left:-35px;
  567. word-break:break-word;
  568. color: {color:text};
  569. border-bottom: 1px solid {color:border};
  570. }
  571.  
  572.  
  573. .chat li {
  574. position: relative;
  575. margin-bottom: 10px;
  576. margin-left: auto;
  577. margin-right:auto;
  578. word-break:break-word;
  579. padding: 5px;
  580.  
  581. }
  582.  
  583.  
  584.  
  585. /*Types of posts end*/
  586.  
  587.  
  588. /*Permalink*/
  589.  
  590. .permalinks {
  591. text-align: left;
  592. color: {color:Permalink text};
  593. font-size: 10px;
  594. word-break:break-word;
  595. border-top: 2px groove {color:Permalink Border};
  596. position: relative;
  597. padding:10px;
  598. height:auto;
  599. }
  600.  
  601. .permalinks a {
  602. text-decoration:none;
  603. font-size: 10px;
  604. color: {color:Permalink text};
  605. }
  606.  
  607. .permalinks a:hover {
  608. color: {color:text color};
  609. }
  610.  
  611. .date {
  612. float:left;
  613. }
  614.  
  615. .reblogs {
  616. float:right;
  617. }
  618.  
  619.  
  620. .tags {
  621. text-align:left;
  622. }
  623.  
  624. .tags a {
  625. text-decoration:none;
  626. font-size: 10px;
  627. text-transform:lowercase;
  628. color:{select:Permalink links};
  629. }
  630.  
  631. #content #notecontainer {
  632. margin: 20px auto;
  633. width: 500px;
  634. font-size: 10px;
  635. background: #fff;
  636. }
  637.  
  638. #content #notecontainer ol.notes {
  639. list-style-type: none;
  640. margin: 0;
  641. padding: 0;
  642. }
  643.  
  644. #content #notecontainer img.avatar {
  645. margin-right: 10px;
  646. width: 16px;
  647. height: 16px;
  648. }
  649.  
  650.  
  651. /*Pagination*/
  652.  
  653. .jump_page {
  654. padding: 8px 18px;
  655. margin-left:10px;
  656. border: 2px solid #ccc;
  657. background-color: #ffffff;
  658. font-family: {select:Post Title Font};
  659. color:#585858;
  660. font-size:14px;
  661.  
  662. text-transform:uppercase;
  663. font-weight:800;
  664.  
  665.  
  666. border: 1px solid #000;
  667. border-radius: 2px;
  668. -webkit-border-radius: 2px;
  669. -moz-border-radius: 2px;
  670. -o-border-radius: 2px;
  671. }
  672.  
  673. .current_page, .jump_page:hover {
  674. padding: 9px 18px;
  675. border: 2px solid #bbb;
  676. background-color: #ccc;
  677. color: #ffffff;
  678. font-family: {select:Post Title Font};
  679. font-size:14px;
  680. font-weight:800;
  681.  
  682. text-transform:uppercase;
  683.  
  684.  
  685. border: 1px solid #000;
  686. border-radius: 2px;
  687. -webkit-border-radius: 2px;
  688. -moz-border-radius: 2px;
  689. -o-border-radius: 2px;
  690. }
  691.  
  692.  
  693. /*Pagination end*/
  694.  
  695.  
  696. /*Lightbox DO NOT TOUCH!!!!! */
  697.  
  698. .vignette, #vignette {
  699. opacity:0;
  700. }
  701. .lightbox-image, #tumblr_lightbox img {
  702. box-shadow:none !important;
  703. border-radius:0 !important;
  704. max-width:none;
  705. }
  706.  
  707. .tumblr-lightbox, #tumblr_lightbox {
  708. background-color:rgba(245,245,245,.98) !important;
  709. }
  710.  
  711. /*Lightbox end*/
  712.  
  713.  
  714. /*CREDIT, KINDLY DO NOT REMOVE!!!*/
  715.  
  716. .tooltip a{color:#ff4141; text-decoration:none;}
  717. .tooltip {text-align:center;font-size:12px;background:rgba(255,255,255,0.8); bottom:5px; right:4px; position: fixed;display: inline-block;z-index:99999999;text-decoration:none;padding-left:2px;padding-right:2px;padding-top:4px;padding-bottom:0px;width:17px;height:17px;float:right;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;border:1px solid #ccc;-moz-box-shadow: 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;}.tooltip a:hover{color:#000;}
  718. .tooltip .tooltiptext {font-family:Alegreya sans sc; font-weight:500;letter-spacing:1px; font-size:9px;visibility: hidden;width: 50px;background-color: rgba(0,0,0,0.8);color: #fff;text-align: center;border-radius: 2px;border:1px solid #ff4141;padding: 5px 5px;position: absolute;z-index: 1;top: -20px;right: 150%; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */opacity: 0;transition: opacity 1s;font-size:10px;line-height:10px;}
  719. .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
  720. .tooltip .tooltiptext::after {content: " ";position: absolute;top: 50%;left: 100%; /* To the right of the tooltip */margin-top: -5px;border-width: 5px; border-style: solid;border-color: transparent transparent transparent #ff4141;}
  721.  
  722. /*CREDIT END, KINDLY DO NOT REMOVE!!!*/
  723.  
  724. </style>
  725.  
  726. <body>
  727.  
  728.  
  729. <div id="sidebar">
  730.  
  731. <div id="title">{Title}</div>
  732.  
  733. <img src="{image:Sidebar image}">
  734.  
  735.  
  736. <div id="description">{Description}</div>
  737.  
  738. <div id="links">
  739. <a href="/" title="Home">Office</a>
  740. <a href="/ask" title="Ask">Memo</a>
  741. <a href="/submit" title="Submit">File in</a>
  742. <a href="/archive" title="Archive">Archive</a>
  743. </div>
  744.  
  745.  
  746. </div>
  747.  
  748.  
  749.  
  750. <div id="container">
  751.  
  752. {block:Posts}
  753.  
  754. <div class="posts">
  755.  
  756. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  757.  
  758.  
  759. {block:Photo}{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  760.  
  761.  
  762. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  763.  
  764. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  765.  
  766. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource"> &#x2712; {Source}</div>{/block:Source}{/block:Quote}
  767.  
  768. {block:Link}<a href="{URL}" class="link" {Target}>{Name} <i class="fa fa-hand-o-right"></i></a> {block:Description}{Description}{/block:Description}{/block:Link}
  769.  
  770.  
  771. {block:Chat}
  772. {block:Title}<h1>{Title}</h1>{/block:Title}
  773. <left>
  774. <div class="chat">
  775. <ul>
  776. {block:Lines}<li class="{Alt}">{block:Label} <b>{Label} </b>{/block:Label} {Line}</li>{/block:Lines}
  777. </ul>
  778. </div>
  779. </center>
  780. {/block:Chat}
  781.  
  782.  
  783. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  784.  
  785.  
  786. {block:AudioPlayer}
  787. <div class="audiowrapper">
  788. {block:AlbumArt}
  789. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  790. {/block:AlbumArt}
  791.  
  792. <div class="playerbuttonbg">
  793. <div class="newplayerbutton">
  794. <div class="playerbuttonhug">
  795.  
  796. {AudioPlayerWhite}
  797.  
  798. </div>
  799. </div>
  800. </div>
  801.  
  802. <div class="trackdetails">
  803.  
  804. {block:TrackName} &#x266b;&nbsp; <b><u>{TrackName}</u></b>{/block:TrackName}<br/><p>
  805. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  806. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  807. {PlayCountWithLabel}
  808.  
  809. </div>
  810. </div>
  811. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  812. {/block:AudioPlayer}
  813.  
  814.  
  815. {block:Answer}
  816. <div class="asr">{Asker} said: </div><p>
  817. <div class="question"> <i class="fa fa-quote-left" aria-hidden="true"></i> &nbsp;&nbsp; {Question}&nbsp;&nbsp; <i class="fa fa-quote-right" aria-hidden="true"></i> </div> {Answer}
  818. {/block:Answer}
  819.  
  820.  
  821. <div class="permalinks">
  822. <div class="date"><a href="{Permalink}" title="Permalink" style="color:{color:Permalink links}">{24Hour}:{Minutes}, {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a>
  823. &#x2602; <a href="{Permalink}" title="Permalink" style="color:{color:Permalink links}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  824. <div class="reblogs">{block:RebloggedFrom} via:
  825. <a href="{ReblogParentURL}"title="{ReblogParentTitle}" style="color:{color:Permalink links}">{ReblogParentName} </a> &#x2602; source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}" style="color:{color:Permalink links}">{ReblogRootName}</a>{/block:RebloggedFrom} &#x2602;
  826. <a href="{ReblogURL}" target="_blank" class"details" title="Reblog"><i class="fa fa-retweet" aria-hidden="true" style="color:#56bf4b" ></i></a></div>
  827. </div>
  828. <div class="tags">{block:HasTags}<p> {block:Tags}<a href="{TagUrl}" style="color:{color:Permalink links}"> &#x266F; {Tag}</a>{/block:Tags}{/block:HasTags}</div>
  829.  
  830. </div>
  831.  
  832. {block:PostNotes}
  833. <div id="notecontainer">{PostNotes}</div>
  834. {/block:PostNotes}
  835.  
  836. {/block:Posts}
  837.  
  838. <center>
  839. {block:Pagination}
  840. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page" title="Retreat" style="color:#000" >Retreat</a>{/block:PreviousPage}
  841.  
  842. {block:NextPage}<a href="{NextPage}" class="jump_page" title="Forward" style="color:#000"> Forward</a>{/block:NextPage}
  843. {/block:Pagination}<p style="margin-bottom: 20px;">
  844. </center>
  845.  
  846.  
  847. </div>
  848.  
  849. {block:ContentSource}
  850. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  851. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"
  852. {/block:SourceLogo}
  853. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  854. {/block:ContentSource}
  855.  
  856. <img src="https://s10.postimg.org/vv4tk8tax/oie_transparent.png" WIDTH=150 style="position: fixed; top:87%; right: -1%"/></a>
  857.  
  858. <div class="tooltip"><a href="http://two-dames.tumblr.com/"><i class="fa fa-coffee" aria-hidden="true"></i></a><span class="tooltiptext">Theme by Two-Dames</span></div>
  859.  
  860. {block:ContentSource}
  861. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  862. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  863. {/block:SourceLogo}
  864. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  865. {/block:ContentSource}
  866.  
  867. </body>
  868. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement