API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 3rd, 2016
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.21 KB | None | 0 0
raw download clone embed print report
  1. <!-- BLINDING CONFUSION THEME / BY INTERNETSDAD --->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <link href="css/hover.css" rel="stylesheet" media="all">
  12. <script src="https://use.fontawesome.com/7e9152d1c9.js"></script>
  13. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  14. <link rel='stylesheet' href='path/to/typicons.min.css' />
  15. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  16. <link href='https://fonts.googleapis.com/css?family=Roboto|Raleway|Open+Sans|Source+Sans+Pro|Muli|Pavanam|Lato' rel='stylesheet' type='text/css'>
  17. <link href="https://fonts.googleapis.com/css?family=Montserrat:700|Montserrat:400" rel="stylesheet">
  18. <link href="https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  19.  
  20. <meta name="color:background" content="#dadada"/>
  21. <meta name="color:text" content="#979797"/>
  22. <meta name="color:bold" content="#c2a496"/>
  23. <meta name="color:italic" content="#C1AA97"/>
  24. <meta name="color:link" content="#b09080"/>
  25. <meta name="color:linkhover" content="#fff"/>
  26. <meta name="color:side links" content="#fff"/>
  27. <meta name="color:side links bg" content="#f1f1f1"/>
  28. <meta name="color:holder background" content="#f1f1f1"/>
  29. <meta name="color:posts" content="#fff"/>
  30. <meta name="color:accent" content="#eee"/>
  31. <meta name="color:accent2" content="#ccc"/>
  32. <meta name="color:topbar" content="#c2aa96"/>
  33. <meta name="color:selection" content="#d4d4d4"/>
  34.  
  35. <meta name="image:bg" content=""/>
  36. <meta name="image:icon" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38.  
  39. <meta name="if:darkholder" content="1"/>
  40. <meta name="if:middleholder" content="1"/>
  41. <meta name="if:lightholder" content="0"/>
  42.  
  43. <meta name="text:title" content="blinding confusion."/>
  44. <meta name="text:description" content="description."/>
  45. <meta name="text:link 1" content="link 1"/>
  46. <meta name="text:link 1 url" content="/" />
  47. <meta name="text:link 2" content="link 2"/>
  48. <meta name="text:link 2 url" content="/" />
  49. <meta name="text:link 3" content="link 3"/>
  50. <meta name="text:link 3 url" content="/" />
  51. <meta name="text:link 4" content="link 4"/>
  52. <meta name="text:link 4 url" content="/" />
  53.  
  54.  
  55. <!-- CLOCK BEGIN-->
  56. <script type="text/javascript">
  57. function GetClock(){
  58. var d=new Date();
  59. var nhour=d.getHours(),nmin=d.getMinutes(),ap;
  60. if(nhour==0){ap="AM";nhour=12;}
  61. else if(nhour<12){ap="AM";}
  62. else if(nhour==12){ap="PM";}
  63. else if(nhour>12){ap="PM";nhour-=12;}
  64.  
  65. if(nmin<=9) nmin="0"+nmin;
  66.  
  67. document.getElementById('clock').innerHTML=""+nhour+":"+nmin+ap+"";
  68. }
  69.  
  70. window.onload=function(){
  71. GetClock();
  72. setInterval(GetClock,1000);
  73. }
  74. </script>
  75. <!-- CLOCK END -->
  76.  
  77.  
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  81.  
  82. <script>
  83. (function($){
  84. $(document).ready(function(){
  85. $("a[title]").style_my_tooltips({
  86. tip_follows_cursor:true,
  87. tip_delay_time:90,
  88. tip_fade_speed:600,
  89. attribute:"title"
  90. });
  91. });
  92. })(jQuery);
  93. </script>
  94. <style>
  95.  
  96. .tooltip{
  97. display: inline;
  98. position: relative;
  99. }
  100.  
  101. #s-m-t-tooltip{
  102. max-width:100px;
  103. color:{color:text};
  104. margin:15px;
  105. padding:5px;
  106. background: {color:posts};
  107. font-size: 6px;
  108. font-family:'Montserrat';
  109. font-weight: 400;
  110. opacity: 0.9;
  111. border-radius: 3px;
  112. text-transform: uppercase;
  113. letter-spacing: 2px;
  114. border: 1px solid #f1f1f1;
  115. z-index: 99999999999999999999;
  116. }
  117.  
  118. </style>
  119.  
  120. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  121. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  122. <script src="http://static.tumblr.com/wgijwsy/jgemkyt9x/jquery.photoset-grid.min.js"></script>
  123. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  124.  
  125. <style type="text/css">
  126.  
  127.  
  128. /* hvr effects */
  129.  
  130. /* grow */
  131. .hvr-grow {
  132. display: inline-block;
  133. vertical-align: middle;
  134. -webkit-transform: translateZ(0);
  135. transform: translateZ(0);
  136. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  137. -webkit-backface-visibility: hidden;
  138. backface-visibility: hidden;
  139. -moz-osx-font-smoothing: grayscale;
  140. -webkit-transition-duration: 0.3s;
  141. transition-duration: 0.3s;
  142. -webkit-transition-property: transform;
  143. transition-property: transform;
  144. }
  145. .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  146. -webkit-transform: scale(1.1);
  147. transform: scale(1.1);
  148. }
  149.  
  150. /* radial out */
  151. .hvr-radial-out {
  152. display: inline-block;
  153. vertical-align: middle;
  154. -webkit-transform: translateZ(0);
  155. transform: translateZ(0);
  156. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  157. -webkit-backface-visibility: hidden;
  158. backface-visibility: hidden;
  159. -moz-osx-font-smoothing: grayscale;
  160. position: relative;
  161. overflow: hidden;
  162. background: {color:posts};
  163. -webkit-transition-property: color;
  164. transition-property: color;
  165. -webkit-transition-duration: 0.3s;
  166. transition-duration: 0.3s;
  167. }
  168.  
  169. ('a[href*="#"]:not([href="#"])').click(function() {
  170. if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
  171. var target = $(this.hash);
  172. target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
  173. if (target.length) {
  174. $('html, body').animate({
  175. scrollTop: target.offset().top
  176. }, 1000);
  177. return false;
  178. }
  179. }
  180. });
  181.  
  182. .hvr-radial-out:before {
  183. content: "";
  184. position: absolute;
  185. z-index: -1;
  186. top: 0;
  187. left: 0;
  188. right: 0;
  189. bottom: 0;
  190. background: {color:topbar};
  191. border-radius: 100%;
  192. -webkit-transform: scale(0);
  193. transform: scale(0);
  194. -webkit-transition-property: transform;
  195. transition-property: transform;
  196. -webkit-transition-duration: 0.3s;
  197. transition-duration: 0.3s;
  198. -webkit-transition-timing-function: ease-out;
  199. transition-timing-function: ease-out;
  200. }
  201. .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  202. color: white;
  203. }
  204. .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  205. -webkit-transform: scale(2);
  206. transform: scale(2);
  207. }
  208.  
  209. /* from left overline */
  210. .hvr-overline-from-left {
  211. display: inline-block;
  212. vertical-align: middle;
  213. -webkit-transform: translateZ(0);
  214. transform: translateZ(0);
  215. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  216. -webkit-backface-visibility: hidden;
  217. backface-visibility: hidden;
  218. -moz-osx-font-smoothing: grayscale;
  219. position: relative;
  220. overflow: hidden;
  221. }
  222. .hvr-overline-from-left:before {
  223. content: "";
  224. position: absolute;
  225. z-index: -1;
  226. left: 0;
  227. right: 100%;
  228. top: 0;
  229. background: #b0a392;
  230. height: 1px;
  231. -webkit-transition-property: right;
  232. transition-property: right;
  233. -webkit-transition-duration: 0.3s;
  234. transition-duration: 0.3s;
  235. -webkit-transition-timing-function: ease-out;
  236. transition-timing-function: ease-out;
  237. }
  238. .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  239. right: 0;
  240. }
  241.  
  242. .hvr-sweep-to-right {
  243. display: inline-block;
  244. vertical-align: middle;
  245. -webkit-transform: translateZ(0);
  246. transform: translateZ(0);
  247. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  248. -webkit-backface-visibility: hidden;
  249. backface-visibility: hidden;
  250. -moz-osx-font-smoothing: grayscale;
  251. position: relative;
  252. -webkit-transition-property: color;
  253. transition-property: color;
  254. -webkit-transition-duration: 0.3s;
  255. transition-duration: 0.3s;
  256. }
  257. .hvr-sweep-to-right:before {
  258. content: "";
  259. position: absolute;
  260. z-index: -1;
  261. top: 0;
  262. left: 0;
  263. right: 0;
  264. bottom: 0;
  265. background: ;
  266. -webkit-transform: scaleX(0);
  267. transform: scaleX(0);
  268. -webkit-transform-origin: 0 50%;
  269. transform-origin: 0 50%;
  270. -webkit-transition-property: transform;
  271. transition-property: transform;
  272. -webkit-transition-duration: 0.3s;
  273. transition-duration: 0.3s;
  274. -webkit-transition-timing-function: ease-out;
  275. transition-timing-function: ease-out;
  276. }
  277. .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  278. color: {color:posts};
  279. }
  280. .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  281. -webkit-transform: scaleX(1);
  282. transform: scaleX(1);
  283. }
  284.  
  285. /* Float */
  286. .hvr-float {
  287. display: inline-block;
  288. vertical-align: middle;
  289. -webkit-transform: perspective(1px) translateZ(0);
  290. transform: perspective(1px) translateZ(0);
  291. box-shadow: 0 0 1px transparent;
  292. -webkit-transition-duration: 0.3s;
  293. transition-duration: 0.3s;
  294. -webkit-transition-property: transform;
  295. transition-property: transform;
  296. -webkit-transition-timing-function: ease-out;
  297. transition-timing-function: ease-out;
  298. }
  299. .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  300. -webkit-transform: translateY(-8px);
  301. transform: translateY(-8px);
  302. }
  303.  
  304. /* Bob */
  305. @-webkit-keyframes hvr-bob {
  306. 0% {
  307. -webkit-transform: translateY(-8px);
  308. transform: translateY(-8px);
  309. }
  310. 50% {
  311. -webkit-transform: translateY(-4px);
  312. transform: translateY(-4px);
  313. }
  314. 100% {
  315. -webkit-transform: translateY(-8px);
  316. transform: translateY(-8px);
  317. }
  318. }
  319. @keyframes hvr-bob {
  320. 0% {
  321. -webkit-transform: translateY(-8px);
  322. transform: translateY(-8px);
  323. }
  324. 50% {
  325. -webkit-transform: translateY(-4px);
  326. transform: translateY(-4px);
  327. }
  328. 100% {
  329. -webkit-transform: translateY(-8px);
  330. transform: translateY(-8px);
  331. }
  332. }
  333. @-webkit-keyframes hvr-bob-float {
  334. 100% {
  335. -webkit-transform: translateY(-8px);
  336. transform: translateY(-8px);
  337. }
  338. }
  339. @keyframes hvr-bob-float {
  340. 100% {
  341. -webkit-transform: translateY(-8px);
  342. transform: translateY(-8px);
  343. }
  344. }
  345. .hvr-bob {
  346. display: inline-block;
  347. vertical-align: middle;
  348. -webkit-transform: perspective(1px) translateZ(0);
  349. transform: perspective(1px) translateZ(0);
  350. box-shadow: 0 0 1px transparent;
  351. }
  352. .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  353. -webkit-animation-name: hvr-bob-float, hvr-bob;
  354. animation-name: hvr-bob-float, hvr-bob;
  355. -webkit-animation-duration: .3s, 1.5s;
  356. animation-duration: .3s, 1.5s;
  357. -webkit-animation-delay: 0s, .3s;
  358. animation-delay: 0s, .3s;
  359. -webkit-animation-timing-function: ease-out, ease-in-out;
  360. animation-timing-function: ease-out, ease-in-out;
  361. -webkit-animation-iteration-count: 1, infinite;
  362. animation-iteration-count: 1, infinite;
  363. -webkit-animation-fill-mode: forwards;
  364. animation-fill-mode: forwards;
  365. -webkit-animation-direction: normal, alternate;
  366. animation-direction: normal, alternate;
  367. }
  368.  
  369. ::selection {background: {color:selection};}
  370. ::-moz-selection {background: {color:selection};}
  371. ::-webkit-selection {background: {color:selection}; color: transparent;}
  372. ::-webkit-scrollbar {width: 0px; height:0px; visibility:hidden;}
  373. ::-webkit-scrollbar-track {background:{color:container};visibility:hidden;}
  374. ::-webkit-scrollbar-thumb {background:{color:borders};visibility:hidden;}
  375.  
  376.  
  377. /* BODY STYLE */
  378. body {
  379. color:#FFFFFF;
  380. font-family:'Montserrat', sans-serif;
  381. font-size:9px;
  382. letter-spacing: 1px;
  383. line-height:9px;
  384. background:url( 'http://static.tumblr.com/b424325f56ad986599fccf5d07aef75e/9irgvqf/tVoohjr7e/tumblr_static_4opjn3xm2ao0sg884wcswwkw8.png' );
  385. background-size: cover;
  386. background-color:#000000;
  387. }
  388.  
  389. /* TEXT STYLES */
  390. small,sup,sub { font-size: 8px; letter-spacing: 1px; }
  391. blockquote { padding:0px; padding-left:10px; margin:8px; border-left:1px solid {color:text} }
  392. blockquote blockquote { margin:5px; }
  393. blockquote img { max-width: 100%; }
  394. i, em { color:{color:italic}; }
  395. b, strong { color:{color:bold}; font-weight:bold; font-family: 'Montserrat';}
  396. a { color: {color:link}; }
  397. a { text-decoration:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  398. a:hover { color:{color:linkhover}; }
  399.  
  400. /* HEADER STYLES */
  401. h1, h2 { font-family: 'Montserrat', sans-serif; font-size: 11px; line-height: 10px; text-decoration: bold; text-transform: uppercase; padding: 10px; color: {color:text}; background: {color:side links bg};letter-spacing: 0px; text-align: center; font-style: none; }
  402.  
  403.  
  404. /* HOLDER */
  405. #holder { width: 510px; height: 410px; {block:Ifdarkholder}background:rgba(24, 24, 24, 0.6);{/block:Ifdarkholder} {block:Ifmiddleholder}background: rgba(128, 128, 128, 0.6);{/block:Ifmiddleholder} {block:Iflightholder}background: rgba(241, 241, 241, 0.6);{/block:Iflightholder} position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; overflow: hidden; }
  406.  
  407. /* POST CONTAINER */
  408. #container { width: 322px; height: 260px; overflow: auto; overflow-x: hidden; position: absolute; top: 135px; left: 15px; }
  409.  
  410. /* SIDEBAR CONTAINER */
  411. #sidecontainer { height: 330px; width: 220px; position: absolute; left: 340px; background-color: {color:sidebar}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
  412.  
  413. /* CREDIT STYLE */
  414. /* DONT REMOVE / EDIT */
  415. #credit { padding: 3px; font-size: 12px; bottom:10px; left:10px; position:fixed; overflow:hidden; webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  416. #credit a { font-family:'Montserrat'; color: {color:posts}; text-shadow: 0px 0px 3px {color:topbar}; text-transform:uppercase; font-weight: 700; }
  417. #credit i { color:{color:topbar}; }
  418. #credit:hover { transform: scale(1.1); }
  419. /* DONT REMOVE / EDIT */
  420.  
  421.  
  422. /* POST STYLES */
  423. #entries { text-align: justify; font-size: 8px; }
  424. #post { margin-top: 10px; padding:10px; text-transform: lowercase; width: 300px; background-color: {color:posts}; opacity: 0.7; webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
  425. #post:hover { opacity: 1; }
  426.  
  427. /* INFO STYLE */
  428. #info { background: {color:side links bg}; font-family:'Montserrat', sans-serif; text-align: center; overflow: visible; text-transform: uppercase; padding: 7px; font-style:none; font-size: 8px; line-height:100%; text-shadow: 0px 0px 5px {color:text}; }
  429. #info span { color: {color:text}; vertical-align:middle; webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  430. #info span:hover { color:{color:side links}; }
  431. #info i { color:{color:text}; }
  432. #info a { color:{color:text}; }
  433. #info a:hover { color:{color:side links}; }
  434.  
  435. /* TAG STYLE */
  436. #tags { padding: 5px; font-family:'Montserrat', sans-serif; color:{color:text}; text-transform: none; font-style:none; font-size: 7px; text-align: justify; text-transform: uppercase; letter-spacing: 1px; text-shadow:0px 0px 3px {color:text}; webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  437. #tags span { webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  438. #tags a { color: {color:text}; webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  439. #tags a:hover { color: {color:topbar}; }
  440.  
  441. /* TITLE 2 STYLE */
  442. #pagi { position: absolute; font-size: 8px; height: 10px; text-align: center; width: 140px; background: {color:topbar}; padding: 5px; top: 375px; left: 345px; z-index: 10; font-family:'Montserrat'; opacity: 1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
  443. #pagi p, #pagi a, #pagi div, #pagi { color:{color:side links}; }
  444. #pagi span { color: {color:bold}; font-size: 16px; float: left; margin-left: 3px; margin-top: -3px; }
  445.  
  446. /* LINKS */
  447. #links { position: absolute; left: 235px; top: 15px; width: 100px; height: 100px; overflow: auto; z-index: 15; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition :all 0.6s ease-in-out; }
  448. #links a {-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition :all 0.6s ease-in-out; }
  449. #linksbg { position: absolute; left: 235px; top: 15px; background: {color:posts}; opacity: 0.7; width: 98px; height: 98px; overflow: auto; z-index: 12; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition :all 0.6s ease-in-out; }
  450.  
  451. .link { width: 15px; height: 15px; font-size: 15px; text-align: center; color: {color:side links bg}; padding: 10px; background: {color:topbar}; margin-top: 9px; margin-left: 9px; margin-right: -2px; display: inline-block; overflow: visible; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition :all 0.6s ease-in-out; }
  452. .link:hover { border-radius: 100%; }
  453. .link span { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  454.  
  455. /* TITLE */
  456. #title { width: 310px; height: 10px; background: {color:topbar}; position: absolute; left: 15px; top: 125px; padding: 5px; overflow: hidden; z-index: 50; color: {color:side links}; font-size: 10px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700; text-shadow: 0px 0px 3px{color:topbar}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition :all 0.6s ease-in-out; }
  457. #title i, #title b { color:{color:topbar}; text-shadow: 1px 1px {color:text}; text-decoration: italic;}
  458.  
  459. /* DESCRIPTION */
  460. #description { width: 80px; height: 80px; background: {color:posts}; position: absolute; top: 15px; left: 15px; overflow: auto; z-index: 5; border: 10px solid {color:posts}; font-family:'Montserrat'; letter-spacing: 0px; line-height: 10px; color: {color:text}; text-align: justify; font-weight: 700; font-size: 6px; font-style: none; opacity: 0.7; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition :all 0.6s ease-in-out; }
  461. #description b, #description i { color: {color:topbar}; }
  462.  
  463. /* SIDEBARS */
  464. #sidebar { top: 15px; left: 345px; position: absolute; z-index: 11;}
  465. #sidebar img { width: 150px; height: 360px; }
  466.  
  467. /* ICON */
  468. #icon { top: 15px; left: 125px; position: absolute; z-index: 11;}
  469. #icon img { width: 100px; height: 100px; }
  470.  
  471. /* ASK POST STYLES */
  472. #ask { width: auto; background: {color:side links bg}; font-family: 'Montserrat'; padding: 10px; letter-spacing: 1px; text-align: justify; text-transform: uppercase; text-shadow:0px 0px 3px {color:text}; }
  473. #user { background: {color:topbar}; padding: 5px; letter-spacing: 0; font-family: 'Montserrat'; text-transform: uppercase; text-align: center; }
  474. #user i { color: {color:side links}; }
  475. #user a { color: {color:side links}; }
  476. #ask a { color: {color:side links}; }
  477.  
  478. /* MUSIC POST SYLES */
  479. .playerbuttonbg { position: absolute; left: 5px; top: 5px; width: 19px; height: 19px; background-color: {color:side links}; padding: 10px; opacity: 0.7; transition: opacity .7s ease-in-out; -moz-transition: opacity .7s ease-in-out; -webkit-transition: opacity .7s ease-in-out; }
  480. .playerbuttonbg:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
  481. .newplayerbutton { position: relative; width: 19px; height: 19px; overflow: hidden; }
  482. .playerbuttonhug { position: absolute; top: -18px; left: -4px; }
  483. .tumblr_audio_player { height: 90px; width: 270px; -moz-transform: scale(0.60, 0.60); -webkit-transform: scale(0.60, 0.60); -o-transform: scale(0.60, 0.60); -ms-transform: scale(0.60, 0.60); transform: scale(0.60, 0.60); -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }
  484. .audioimgwrapper { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 50px; height: 50px; }
  485. .audioimgwrapper img { width: 50px; height: 50px; }
  486. .trackdetails { font-family: 'Montserrat'; font-weight: 700; color: {color:topbar};font-size: 15px; width: 230px; height: 28px; padding: 10px; margin-left: 50px; margin-bottom: 10px; line-height: 30px; overflow: auto; border: 1px solid {color:accent}; text-align: right; text-transform: uppercase; }
  487. .trackdetails span { font-size: 13px; }
  488. .audiowrapper { position: relative; display:inline-block; }
  489.  
  490. /* CHAT POST STYLES */
  491. .chat { text-transform: uppercase; letter-spacing: 2px; }
  492. .chat g { font-weight: 700; color:{color:topbar}; }
  493. .chat i { font-size: 10px; }
  494. .chat ul { display:block; list-style:none; margin-left:-40px; }
  495. .chat li { padding:5px; display:block; }
  496. .chat .even { border: 1px solid {color:accent}; }
  497.  
  498. {CustomCSS}
  499.  
  500. </style></head><body>
  501.  
  502. <div id="holder">
  503. <div id="sidebar"><img src="{image:sidebar}"></div>
  504. <div id="icon"><img src="{image:icon}"></div>
  505. <div id="links">
  506. <a href="{text:link 1 url}" title="{text:link 1}"><div class="link"><span class="lnr lnr-home"></span></div></a> <a href="{text:link 2 url}" title="{text:link 2}"><div class="link"><span class="lnr lnr-heart-pulse"></span></div></a><br>
  507. <a href="{text:link 3 url}" title="{text:link 3}"><div class="link"><span class="lnr lnr-earth"></span></div></a> <a href="{text:link 4 url}" title="{text:link 4}"><div class="link"><span class="lnr lnr-magic-wand"></span></div></a>
  508. </div>
  509. <div id="linksbg">&nbsp;</div>
  510. <div id="pagi">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a> &nbsp; {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">FORTH</a>{/block:NextPage}{/block:Pagination}</div>
  511. <div id="description">{text:description}</div>
  512. <div id="title">{text:title}</div>
  513. <div id="container">
  514. {block:Posts}
  515. <div id="entries">
  516. <div id="post">
  517.  
  518. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  519.  
  520. {block:Quote}<h2>{Quote} <div style="text-align: center; text-transform: uppercase; font-style: bold;">— {Source}</div></h2>{/block:Quote}
  521.  
  522. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  523.  
  524. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  525.  
  526. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>{block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  527.  
  528. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"><ul>{block:Lines} <li class="{Alt}"> {block:Label}<g>{Label}</g>{/block:Label} {Line} </li> {/block:Lines} </ul> </div> {/block:Chat}
  529.  
  530. {block:AudioPlayer} <div class="audiowrapper"> {block:AlbumArt} <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div> {/block:AlbumArt} <div class="playerbuttonbg"> <div class="newplayerbutton"> <div class="playerbuttonhug"> {AudioPlayerWhite} </div> </div> </div> <div class="trackdetails">{block:TrackName}<span class="lnr lnr-volume-high"></span> {TrackName}{/block:TrackName} </div> </div> {block:Caption}{Caption}{/block:Caption} {/block:AudioPlayer}
  531.  
  532. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  533.  
  534. {block:Answer}<div id="ask"> {Question}</div><div id="user"><a class="fa fa-user"></a> {Asker}</div> {Answer}{/block:Answer}
  535.  
  536. {block:Date}<div id="info"><a href="{ReblogURL}" target="_blank" class="details" title="REBLOG."> REBLOG</a> &nbsp; <a href="{Permalink}"> {TimeAgo}</a> &nbsp; <a href="{Permalink}">{block:NoteCount}{NoteCount} NOTES{/block:NoteCount}</a></div>{/block:Date}
  537. <div id="tags">{block:HasTags}<span class="icon-tag"></span> {block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  538.  
  539. </div>
  540. </div>
  541. {/block:Posts}
  542.  
  543.  
  544. {block:PostNotes}<div style="width: 130px; padding: 10px; background:{color:post};font-family:'Montserrat';">{PostNotes}</div>{/block:PostNotes}
  545.  
  546. <!-- {block:NoRebloggedFrom}
  547. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  548. {/block:NoRebloggedFrom} -->
  549. {block:ContentSource}<!-- {SourceURL}
  550. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  551. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  552. {/block:ContentSource}
  553. </div>
  554. <!--</div>-->
  555. </div>
  556.  
  557. <!-- DONT REMOVE THIS :) -->
  558. <div id="credit"><a href="http://internetsdad.tumblr.com/" title="theme by internetsdad">INTERNETSDAD</a></div>
  559. </body></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!