API tools faq
paste
trenzalours

theme 16 - obscena

trenzalours
Sep 1st, 2014
2,701
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.17 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. <head>
  4. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  5. <link href='http://fonts.googleapis.com/css?family=Lato:300italic' rel='stylesheet' type='text/css'>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. <!---||||||||||~* ᴛʀᴇɴᴢᴀᴛʜᴇᴍᴇs ﹣ ᴛʀᴇɴᴢᴀʟᴏᴜʀs *~||||||||||
  14.  
  15. ѕєяρєηт ᴛʜᴇᴍᴇ ﹣
  16. ᴅᴏɴᴛ sᴛᴇᴀʟ﹗ ʟᴇᴛs ʙᴇ *~ᴏʀɪɢɪɴᴀʟ~* ɴᴏᴡ. --->
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:title" content="#ffffff"/>
  20. <meta name="color:text" content="#838282"/>
  21. <meta name="color:link" content="#b8b8b8"/>
  22. <meta name="color:linkhover" content="#000000"/>
  23. <meta name="color:hover" content="#ffffff"/>
  24. <meta name="color:accent" content="#eeeeee"/>
  25. <meta name="color:gradient1" content="#eeeeee"/>
  26. <meta name="color:gradient2" content="#eeeeee"/>
  27. <meta name="color:scrollbar" content="#b8b8b8"/>
  28.  
  29. <meta name="image:Background Image" content="http://static.tumblr.com/3dkvxpf/yFjn941og/tumblr_mx3toqf8vu1st5lhmo1_1280.jpg"/>
  30.  
  31.  
  32. <meta name="text:url" content="put your url here">
  33. <meta name="text:faq" content="type out your faq here!">
  34. <meta name="if:Background img" content="0">
  35. <meta name="if:Grayscale" content="0">
  36. <meta name="if:Gradient" content="1">
  37. <meta name="if:Double Links" content="1">
  38. <meta name="if:400pxPosts" content="1">
  39. <meta name="text:link 1" content="link 1">
  40. <meta name="text:link1 url" content="/">
  41. <meta name="text:link 2" content="link 2">
  42. <meta name="text:link2 url" content="/">
  43. <meta name="text:link 3" content="link 3">
  44. <meta name="text:link3 url" content="/">
  45. <meta name="text:link 4" content="link 4">
  46. <meta name="text:link4 url" content="/">
  47. <meta name="text:link 5" content="link 5">
  48. <meta name="text:link5 url" content="/">
  49. <meta name="text:link 6" content="link 6">
  50. <meta name="text:link6 url" content="/">
  51. <meta name="text:link 7" content="link 7">
  52. <meta name="text:link7 url" content="/">
  53. <meta name="text:link 8" content="link 8">
  54. <meta name="text:link8 url" content="/">
  55.  
  56. {block:ifDoubleLinks}
  57. <meta name="text:link 9" content="link 9">
  58. <meta name="text:link9 url" content="/">
  59. <meta name="text:link 10" content="link 10">
  60. <meta name="text:link10 url" content="/">
  61. <meta name="text:link 11" content="link 11">
  62. <meta name="text:link11 url" content="/">
  63. <meta name="text:link 12" content="link 12">
  64. <meta name="text:link12 url" content="/">
  65. <meta name="text:link 13" content="link 13">
  66. <meta name="text:link13 url" content="/">
  67. <meta name="text:link 14" content="link 14">
  68. <meta name="text:link14 url" content="/">
  69. <meta name="text:link 15" content="link 15">
  70. <meta name="text:link15 url" content="/">
  71. <meta name="text:link 16" content="link 16">
  72. <meta name="text:link16 url" content="/">
  73. {/block:ifDoubleLinks}
  74.  
  75.  
  76. <!--- jquery click toggle by irma--->
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  78.  
  79. <script>
  80. $(document).ready(function(){
  81. $(".button").click(function(){
  82. $(".slide-link").removeClass("periwink");
  83. });
  84. });
  85. </script>
  86.  
  87. <script>
  88. $(document).ready(function(){
  89. $(".button3").click(function(){
  90. $(".slide-link").removeClass("periwink");
  91. });
  92. });
  93. </script>
  94.  
  95. <script>
  96. $(document).ready(function(){
  97. $(".button2").click(function(){
  98. $(".slide-ask").removeClass("periwink");
  99. });
  100. });
  101. </script>
  102.  
  103. <script>
  104. $(document).ready(function(){
  105. $(".button3").click(function(){
  106. $(".slide-ask").removeClass("periwink");
  107. });
  108. });
  109. </script>
  110.  
  111. <script>
  112. $(document).ready(function(){
  113. $(".button").click(function(){
  114. $(".slide-rules").removeClass("periwink");
  115. });
  116. });
  117. </script>
  118.  
  119. <script>
  120. $(document).ready(function(){
  121. $(".button2").click(function(){
  122. $(".slide-rules").removeClass("periwink");
  123. });
  124. });
  125. </script>
  126.  
  127.  
  128. <script>
  129. $(document).ready(function(){
  130. $(".button").click(function(){
  131. $(".slide-ask").toggleClass("periwink");
  132. });
  133. });
  134. </script>
  135.  
  136. <script>
  137. $(document).ready(function(){
  138. $(".button2").click(function(){
  139. $(".slide-link").toggleClass("periwink");
  140. });
  141. });
  142. </script>
  143.  
  144. <script>
  145. $(document).ready(function(){
  146. $(".button3").click(function(){
  147. $(".slide-rules").toggleClass("periwink");
  148. });
  149. });
  150. </script>
  151.  
  152.  
  153. <!-- *TOOLTIPS* -->
  154.  
  155. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  156.  
  157. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  158.  
  159. <script>
  160.  
  161. (function($){
  162.  
  163. $(document).ready(function(){
  164.  
  165. $("a[title]").style_my_tooltips({
  166.  
  167. tip_follows_cursor:true,
  168.  
  169. tip_delay_time:30,
  170.  
  171. tip_fade_speed:300,
  172.  
  173. attribute:"title"
  174.  
  175. });
  176.  
  177. });
  178.  
  179. })(jQuery);
  180.  
  181. </script>
  182.  
  183. <style type="text/css">
  184.  
  185. /* TOOPTIP CSS */
  186. #s-m-t-tooltip{
  187. padding:4px 9px;
  188. position:absolute;
  189. margin: 10px 20px;
  190. z-index: 99999999999;
  191. text-transform:uppercase;
  192. text-decoration:none;
  193. font-style:italic;
  194. letter-spacing:1px;
  195. font-family:'consolas',sans-serif;
  196. font-size:8px;
  197. background:white;
  198. color:{color:text};}
  199.  
  200. *, #link a:hover {
  201. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  202. }
  203.  
  204. *, #tops a:hover {
  205. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  206. }
  207.  
  208. *, body a:hover {
  209. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  210. }
  211.  
  212.  
  213. body {
  214. max-width: 100%;
  215. overflow-x: hidden;
  216. {block:ifnotbackgroundimg}background:{color:background};
  217. {/block:ifnotbackgroundimg}
  218. {block:ifbackgroundimg} background: url({image:Background Image})
  219. no-repeat center center fixed;
  220. -webkit-background-size: cover;
  221. -moz-background-size: cover;
  222. -o-background-size: cover;
  223. background-size: cover;{/block:ifbackgroundimg}
  224. font-family:calibri;
  225. font-size:12px;
  226. color:{color:text};
  227. line-height:1.5em;
  228. letter-spacing:1px;
  229. margin:0px;
  230. padding:0px;}
  231.  
  232. /* SELECTION */
  233.  
  234. ::selection {
  235. background-color:{color:accent};
  236. color:white;}
  237.  
  238. /* SCROLLBAR */
  239.  
  240. ::-webkit-scrollbar {
  241. {block:ifGradient}
  242. background: {color:Gradient1}; /* Old browsers */
  243. background: -moz-linear-gradient(top, {color:Gradient1} 0%, {color:Gradient2} 100%); /* FF3.6+ */
  244. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Gradient1}), color-stop(100%,{color:Gradient2})); /* Chrome,Safari4+ */
  245. background: -webkit-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* Chrome10+,Safari5.1+ */
  246. background: -o-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* Opera 11.10+ */
  247. background: -ms-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* IE10+ */
  248. background: linear-gradient(to bottom, {color:Gradient1} 0%,{color:Gradient2} 100%); /* W3C */
  249. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient1}', endColorstr='{color:Gradient2}',GradientType=0 ); /* IE6-9 */
  250. background-attachment: fixed;
  251. {/block:ifGradient}
  252. {block:ifnotGradient}
  253. background:{color:accent};
  254. {/block:ifnotGradient}
  255. height:6px;
  256. width:6px;}
  257.  
  258. ::-webkit-scrollbar-thumb:vertical {
  259. background:{color:scrollbar};
  260. opacity:.3;
  261. height:6px;}
  262.  
  263. ::-webkit-scrollbar-thumb:horizontal {
  264. background-color:transparent;
  265. height:5px!important;}
  266.  
  267.  
  268. a {
  269. color:{color:link};
  270. text-decoration:none;
  271. }
  272.  
  273. a:hover {
  274. color:{color:hover};
  275. letter-spacing:1px;
  276. text-decoration:underline;
  277. -webkit-transition: all 1s ease-out;
  278. -moz-transition: all 1s ease-out;
  279. -o-transition: all 1s ease-out;
  280. -ms-transition: all 1s ease-out;
  281. transition: all 1s ease-out;
  282. }
  283.  
  284. blockquote {
  285. padding:5px 0 5px 5px;
  286. border-left:1px solid {color:gradient2};
  287. margin-left:30px;
  288. }
  289.  
  290. blockquote a{
  291. color:{color:link};
  292. }
  293.  
  294. b,strong{
  295. color:{color:scrollbar};
  296. font-weight:bold;
  297. }
  298. em,i{
  299. color:{color:scrollbar};
  300. font-style:italic;
  301. }
  302.  
  303.  
  304. strike{
  305. text-decoration: line-through;
  306. }
  307.  
  308. small {
  309. font-size:9px;}
  310.  
  311. big {
  312. font-size:12px;}
  313.  
  314. h1{
  315. color:{color:text};
  316. font-size:14px;
  317. font-weight:none;
  318. }
  319.  
  320.  
  321. li{
  322. color:{color:text};
  323. margin-bottom:3px;
  324. list-style-type:none;
  325. background:{color:background};
  326. padding:5px;
  327. font-family:'consolas',sans-serif;
  328. font-size:9px;
  329. text-transform:uppercase;}
  330.  
  331. pre{
  332. background:{color:background};
  333. padding:10px;
  334. color:{color:text};
  335. font-family:'consolas',sans-serif;
  336. text-transform:uppercase;
  337. font-size:9px;
  338. letter-spacing:1px;
  339. white-space: pre-wrap;
  340. white-space: -moz-pre-wrap;
  341. white-space: -pre-wrap;
  342. white-space: -o-pre-wrap;
  343. word-wrap: break-word;}
  344.  
  345. code{
  346. font-weight:bold;
  347. text-transform:lowercase;
  348. font-style:italic;
  349. }
  350.  
  351.  
  352. #container {
  353. width:auto;
  354. margin:20px 0px 20px 100px;
  355. }
  356.  
  357.  
  358. #contains{
  359. left:50%;
  360. padding:10px;
  361. height:450px;
  362. width:500px;
  363. position:fixed;
  364. margin-top:53px;
  365. padding-top:50px;
  366. margin-left:-260px;
  367. overflow-y: scroll;
  368. overflow-x: hidden;
  369. text-align:center;
  370. {block:ifnotbackgroundimg}
  371. border-bottom:1px solid #454545;
  372. border-left:1px solid #454545;
  373. border-right:1px solid #454545;
  374. {/block:ifnotbackgroundimg}
  375. {block:ifbackgroundimg}
  376. border-bottom:1px solid {color:Background};
  377. border-left:1px solid {color:Background};
  378. border-right:1px solid {color:Background};
  379. {/block:ifbackgroundimg}
  380. {block:ifGradient}
  381. background: {color:Gradient1}; /* Old browsers */
  382. background: -moz-linear-gradient(top, {color:Gradient1} 0%, {color:Gradient2} 100%); /* FF3.6+ */
  383. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Gradient1}), color-stop(100%,{color:Gradient2})); /* Chrome,Safari4+ */
  384. background: -webkit-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* Chrome10+,Safari5.1+ */
  385. background: -o-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* Opera 11.10+ */
  386. background: -ms-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* IE10+ */
  387. background: linear-gradient(to bottom, {color:Gradient1} 0%,{color:Gradient2} 100%); /* W3C */
  388. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient1}', endColorstr='{color:Gradient2}',GradientType=0 ); /* IE6-9 */
  389. background-attachment: fixed;{/block:ifGradient}
  390. {block:ifnotGradient}
  391. background:{color:gradient1};
  392. {/block:ifnotGradient}
  393. }
  394.  
  395.  
  396.  
  397. #tops{
  398. left:50%;
  399. height:30px;
  400. width:500px;
  401. padding:10px;
  402. overflow:hidden;
  403. margin-top:2px;
  404. margin-left:-260px;
  405. {block:ifnotbackgroundimg}
  406. background:url({image:Background Image})
  407. no-repeat center center;
  408. -webkit-background-size: 600px;
  409. -moz-background-size: 600px;
  410. -o-background-size: 600px;
  411. background-size: 600px;
  412. border-top:1px solid #8C8C8C;
  413. border-left:1px solid #8C8C8C;
  414. border-right:1px solid #8C8C8C;
  415. {/block:ifnotbackgroundimg}
  416. {block:ifbackgroundimg}
  417. background:{color:accent};
  418. border-top:1px solid {color:Background};
  419. border-left:1px solid {color:Background};
  420. border-right:1px solid {color:Background};
  421. {/block:ifbackgroundimg}
  422. position:fixed;
  423. }
  424.  
  425. #blogt{
  426. font-family: 'Lato', sans-serif;
  427. padding:5px;
  428. margin-left:5px;
  429. font-size:20px;
  430. text-align:left;
  431. text-transform:uppercase;
  432. font-style:italic;
  433. letter-spacing:3px;
  434. color:{color:title};}
  435.  
  436. #blogt a{
  437. color:{color:title};
  438. -webkit-transition: all .5s ease-in;
  439. -moz-transition: all .5s ease-in;
  440. -o-transition: all .5s ease-in;
  441. -ms-transition: all .5s ease-in;
  442. transition: all .5s ease-in;
  443. }
  444. #blogt a:hover{
  445. text-decoration:none;
  446. color:{color:hover};
  447. letter-spacing:4px;
  448. -webkit-transition: all .5s ease-out;
  449. -moz-transition: all .5s ease-out;
  450. -o-transition: all .5s ease-out;
  451. -ms-transition: all .5s ease-out;
  452. transition: all .5s ease-out;
  453. }
  454.  
  455. #link{
  456. margin-top:-25px;
  457. text-align:right;
  458. font-size:8px;
  459. font-family:'consolas',sans-serif;
  460. text-transform:uppercase;
  461. word-spacing:5px;
  462. padding:6px;
  463. background:transparent;
  464. letter-spacing:1px;
  465. color:{color:title};
  466. }
  467. #link a{
  468. color:{color:title};
  469. -webkit-transition: all .5s ease-in;
  470. -moz-transition: all .5s ease-in;
  471. -o-transition: all .5s ease-in;
  472. -ms-transition: all .5s ease-in;
  473. transition: all .5s ease-in;
  474. }
  475. #link a:hover{
  476. padding:6px;
  477. background:{color:linkhover};
  478. color:{color:hover};
  479. -webkit-transition: all .5s ease-out;
  480. -moz-transition: all .5s ease-out;
  481. -o-transition: all .5s ease-out;
  482. -ms-transition: all .5s ease-out;
  483. transition: all .5s ease-out;
  484.  
  485. }
  486.  
  487. /*---------------*/
  488. /***** POSTS *****/
  489. /*---------------*/
  490.  
  491. #entries {
  492. padding:0px;
  493. width:400px;
  494. {block:ifnot400pxPosts}margin-left:95px;{/block:ifnot400pxPosts}
  495. {block:if400pxPosts}margin-left:20px;{/block:if400pxPosts}
  496. }
  497.  
  498.  
  499. /*/ POSTS /*/
  500.  
  501.  
  502. #stuff {
  503. padding:30px;
  504. margin-top:0px;
  505. margin-bottom:120px;
  506. {block:ifnot400pxPosts}width:250px;{/block:ifnot400pxPosts}
  507. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  508. text-align:justify;
  509. font-size:11px;
  510. line-height:100%;
  511. letter-spacing:0x;
  512. color:{color:text};
  513. background:white;
  514.  
  515. }
  516.  
  517. #stuff img, #stuff li, #stuff blockquote {
  518. max-width: 100%;}
  519.  
  520.  
  521. {block:IfGrayscale}
  522.  
  523. img{
  524. -webkit-filter: grayscale(100%);
  525. -webkit-transition-duration: 1s;
  526. -moz-transition-duration: 1s;
  527. -o-transition-duration: 1s;
  528. -ms-transition-duration: 1s;
  529. }
  530.  
  531. #stuff:hover img{
  532. -webkit-filter: grayscale(0%);
  533. -webkit-transition-duration: 1s;
  534. -moz-transition-duration: 1s;
  535. -o-transition-duration: 1s;
  536. -ms-transition-duration: 1s;
  537. z-index: 2px;
  538. }
  539.  
  540. .html_photoset {
  541. -webkit-filter: grayscale(100%);
  542. -webkit-transition-duration: 1s;
  543. -moz-transition-duration: 1s;
  544. -o-transition-duration: 1s;
  545. -ms-transition-duration: 1s;
  546. }
  547.  
  548. #stuff:hover .html_photoset:hover{
  549. -webkit-filter: grayscale(0%);
  550. -webkit-transition-duration: 1s;
  551. -moz-transition-duration: 1s;
  552. -o-transition-duration: 1s;
  553. -ms-transition-duration: 1s;
  554. z-index: 2px;
  555. }
  556. {/block:IfGrayscale}
  557.  
  558.  
  559.  
  560. /*quote*/
  561.  
  562. #titlequote{
  563. font-family: 'Lato', sans-serif;
  564. text-transform:uppercase;
  565. font-style:italic;
  566. background:white;
  567. letter-spacing:1px;
  568. text-align:justify;
  569. font-size:13px;
  570. line-height:19px;
  571. font-weight:none;
  572. padding:10px;
  573. }
  574.  
  575. #titlequote a{
  576. color:{color:text};
  577. }
  578. #source a{
  579. color:{color:text};
  580. }
  581.  
  582. #source {
  583. text-align:right;
  584. font-style:none;
  585. font-weight:none;
  586. text-transform:uppercase;
  587. font-family:'consolas',sans-serif;
  588. font-size:8px;
  589. letter-spacing:1px;
  590. margin-top:15px;
  591. }
  592.  
  593.  
  594.  
  595. #annoy a{
  596. color:{color:link};
  597. text-transform:uppercase;
  598. font-family:'consolas',sans-serif;
  599. text-decoration:none;
  600. letter-spacing:1px;
  601. }
  602.  
  603. #annoy a:hover{
  604. color:{color:hover};
  605. }
  606.  
  607.  
  608. #audios{
  609. border:1px solid {color:gradient2};
  610. background:white;
  611. padding:10px;
  612. color:{color:text};
  613. }
  614.  
  615. .player {
  616. width:25px;
  617. height:25px;
  618. overflow:hidden;
  619. position:absolute;
  620. color:{color:text};
  621. background:white;}
  622.  
  623. .audioinfo {
  624. color:{color:text};
  625. margin-left:50px;
  626. background:white;
  627. }
  628.  
  629.  
  630. /*asks*/
  631. .q {
  632. margin-bottom:10px;
  633. text-transform:uppercase;
  634. font-family:consolas;
  635. font-size:9px;
  636. letter-spacing:1px;
  637. color:{color:text};}
  638.  
  639. .q a{
  640. color:{color:text};
  641. }
  642.  
  643. .as {
  644. font-weight:bold;
  645. background:white;
  646. padding:10px;
  647. color:{color:text};
  648. }
  649.  
  650.  
  651. .as a{
  652. color:{color:link};}
  653.  
  654.  
  655. .a {
  656. margin-top:10px;
  657. padding:10px;
  658. letter-spacing:1px;
  659. text-transform:uppercase;
  660. background:{color:gradient1};
  661. color:{color:text};
  662. font-family:consolas;
  663. font-size:9px;}
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670. /*chat*/
  671.  
  672. .chat ol {
  673. padding:0;
  674. list-style:none;
  675. }
  676. .line {padding:5px 0;}
  677.  
  678. .label {font-weight:bold;
  679. }
  680.  
  681.  
  682. /*/ NOTES /*/
  683.  
  684.  
  685. #info {
  686. opacity:0;
  687. position:absolute;
  688. background:white;
  689. padding:10px;
  690. {block:ifnot400pxPosts}width:250px;{/block:ifnot400pxPosts}
  691. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  692. text-transform:uppercase;
  693. font-family:'consolas',sans-serif;
  694. font-size:9px;
  695. letter-spacing:1px;
  696. line-height:10px;
  697. color:{color:link};
  698. margin-top:0px;
  699. text-align:center;
  700. -webkit-transition: all 1s ease-in;
  701. -moz-transition: all 1s ease-in;
  702. -o-transition: all 1s ease-in;
  703. -ms-transition: all 1s ease-in;
  704. transition: all 1s ease-in;
  705. }
  706.  
  707.  
  708. #info a{
  709. color:{color:link};
  710. -webkit-transition: all 1s ease-in-out;
  711. -moz-transition: all 1s ease-in-out;
  712. -o-transition: all 1s ease-in-out;
  713. -ms-transition: all 1s ease-in-out;
  714. transition: all 1s ease-in-out;
  715. }
  716.  
  717. #info i{
  718. font-size:9px;
  719. padding:3px;
  720. color:{color:link};
  721. -webkit-transition: all 1s ease-in-out;
  722. -moz-transition: all 1s ease-in-out;
  723. -o-transition: all 1s ease-in-out;
  724. -ms-transition: all 1s ease-in-out;
  725. transition: all 1s ease-in-out;
  726. }
  727.  
  728. #info a:hover{
  729. color:{color:hover};
  730. -webkit-transition: all 1s ease-in-out;
  731. -moz-transition: all 1s ease-in-out;
  732. -o-transition: all 1s ease-in-out;
  733. -ms-transition: all 1s ease-in-out;
  734. transition: all 1s ease-in-out;
  735. }
  736. #info i:hover{
  737. color:{color:hover};
  738. -webkit-transition: all 1s ease-in-out;
  739. -moz-transition: all 1s ease-in-out;
  740. -o-transition: all 1s ease-in-out;
  741. -ms-transition: all 1s ease-in-out;
  742. transition: all 1s ease-in-out;
  743. }
  744.  
  745. #tags {
  746.  
  747. position:absolute;
  748. margin-top:5px;
  749. text-transform:uppercase;
  750. padding:5px;
  751. {block:ifnot400pxPosts}width:300px;{/block:ifnot400pxPosts}
  752. {block:if400pxPosts}width:450px;{/block:if400pxPosts}
  753. margin-left:-40px;
  754. background:white;
  755. font-family:'consolas',sans-serif;
  756. font-size:8px;
  757. opacity:0;
  758. color:{color:link};
  759. -webkit-transition: all 1s ease-in-out;
  760. -moz-transition: all 1s ease-in-out;
  761. -o-transition: all 1s ease-in-out;
  762. -ms-transition: all 1s ease-in-out;
  763. transition: all 1s ease-in-out;
  764. }
  765.  
  766. #tags a{
  767. color:{color:link};
  768. -webkit-transition: all 1s ease-in-out;
  769. -moz-transition: all 1s ease-in-out;
  770. -o-transition: all 1s ease-in-out;
  771. -ms-transition: all 1s ease-in-out;
  772. transition: all 1s ease-in-out;
  773. }
  774.  
  775. #tags a:hover{
  776. color:{color:hover};
  777. -webkit-transition: all 1s ease-in-out;
  778. -moz-transition: all 1s ease-in-out;
  779. -o-transition: all 1s ease-in-out;
  780. -ms-transition: all 1s ease-in-out;
  781. transition: all 1s ease-in-out;
  782. }
  783.  
  784. #stuff:hover #tags {
  785. opacity:1;
  786. -webkit-transition: all 1s ease-in-out;
  787. -moz-transition: all 1s ease-in-out;
  788. -o-transition: all 1s ease-in-out;
  789. -ms-transition: all 1s ease-in-out;
  790. transition: all 1s ease-in-out;
  791. }
  792.  
  793. #stuff:hover #info {
  794. opacity:1;
  795. -webkit-transition: all 1s ease-in-out;
  796. -moz-transition: all 1s ease-in-out;
  797. -o-transition: all 1s ease-in-out;
  798. -ms-transition: all 1s ease-in-out;
  799. transition: all 1s ease-in-out;
  800. }
  801.  
  802. ol.notes {
  803. display:block;
  804. text-align:left;
  805. margin-bottom:30px;
  806. list-style-type:none;
  807. {block:ifnot400pxPosts}width:280px;{/block:ifnot400pxPosts}
  808. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  809. margin-left:10px;
  810. text-transform:uppercase;
  811. padding:0px;
  812. font-size:8px;
  813. }
  814.  
  815. ol.notes li.note{
  816. padding:5px;
  817. padding-top:2px;
  818. margin-bottom:3px;
  819. font-size:8px;
  820.  
  821. }
  822. ol.notes img{
  823. display:none;
  824. }
  825.  
  826. .pagenotes {
  827. {block:ifnot400pxPosts}width:290px;{/block:ifnot400pxPosts}
  828. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  829. text-align:left;
  830. background:white;
  831. padding:10px;
  832. }
  833. .pagenotes a{
  834. color:{color:text};
  835. }
  836.  
  837.  
  838. .pagenotes img{
  839. padding-right:5px;
  840. padding-top:5px;
  841. margin-bottom:-5px;
  842. border:none;
  843. padding-bottom:2px;
  844. opacity:0;
  845. }
  846.  
  847. .slide-ask {
  848. padding:10px;
  849. margin-left:-500px;
  850. opacity:0;
  851. overflow:hidden;
  852. -webkit-transition:all 1s;
  853. -moz-transition:all 1s;
  854. -ms-transition:all 1s;
  855. -o-transition:all 1s;
  856. transition:all 1s;
  857. }
  858.  
  859. .slide-link {
  860. margin-left:-500px;
  861. padding:10px;
  862. opacity:0;
  863. overflow:hidden;
  864. -webkit-transition:all 1s;
  865. -moz-transition:all 1s;
  866. -ms-transition:all 1s;
  867. -o-transition:all 1s;
  868. transition:all 1s;
  869. }
  870.  
  871. .slide-rules {
  872. margin-left:-500px;
  873. padding:10px;
  874. opacity:0;
  875. overflow:hidden;
  876. -webkit-transition:all 1s;
  877. -moz-transition:all 1s;
  878. -ms-transition:all 1s;
  879. -o-transition:all 1s;
  880. transition:all 1s;
  881. }
  882.  
  883. .periwink {
  884. width:400px;
  885. opacity:1;
  886. padding:10px;
  887. margin-left:-6px;
  888. overflow:hidden;
  889. z-index:999999999999;
  890. -webkit-transition:all 1s;
  891. -moz-transition:all 1s;
  892. -ms-transition:all 1s;
  893. -o-transition:all 1s;
  894. transition:all 1s;
  895. }
  896.  
  897. #askbox {
  898. background: {color:Gradient1}; /* Old browsers */
  899. background: -moz-linear-gradient(top, {color:Gradient1} 0%, {color:Gradient2} 100%); /* FF3.6+ */
  900. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Gradient1}), color-stop(100%,{color:Gradient2})); /* Chrome,Safari4+ */
  901. background: -webkit-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* Chrome10+,Safari5.1+ */
  902. background: -o-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* Opera 11.10+ */
  903. background: -ms-linear-gradient(top, {color:Gradient1} 0%,{color:Gradient2} 100%); /* IE10+ */
  904. background: linear-gradient(to bottom, {color:Gradient1} 0%,{color:Gradient2} 100%); /* W3C */
  905. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient1}', endColorstr='{color:Gradient2}',GradientType=0 ); /* IE6-9 */
  906. background-attachment: fixed;
  907. overflow-y:hidden;
  908. overflow-x: hidden;
  909. position:fixed;
  910. top:75px;
  911. height:487px;
  912. width:490px;
  913. z-index:999999999999;
  914. }
  915. .star{
  916. padding:10px;
  917. border:1px solid white;
  918. margin-top:10px;
  919. }
  920. .words{
  921. background:white;
  922. color:{color:text};
  923. padding:10px;
  924. line-height:1.5em;
  925. font-size:10px;
  926. font-family:'consolas',sans-serif;
  927. letter-spacing:1px;
  928. text-transform:uppercase;
  929. }
  930. .navs{
  931. margin-top:20px;
  932. margin-left:70px;
  933. width:330px;
  934. height:auto;
  935. overflow:hidden;
  936. text-align:center;
  937. padding:16px;
  938. background:white;
  939. color:{color:text};
  940. font-family:'consolas',sans-serif;
  941. text-transform:uppercase;
  942. font-size:9px;
  943. line-height:2em;
  944. letter-spacing:1px;
  945. -webkit-transition:all 1s ease;
  946. -moz-transition:all 1s ease;
  947. -ms-transition:all 1s ease;
  948. -o-transition:all 1s ease;
  949. transition:all 1s ease;
  950. }
  951.  
  952. .navs a{
  953. background:transparent;
  954. color:{color:text};
  955. margin:3px 3px;
  956. line-height:4em;
  957. padding:10px;
  958. border:1px solid {color:text};
  959. -webkit-transition:all 1s;
  960. -moz-transition:all 1s;
  961. -ms-transition:all 1s;
  962. -o-transition:all 1s;
  963. transition:all 1s;}
  964.  
  965. .navs a:hover{
  966. background:{color:hover};
  967. color:white;
  968. letter-spacing:1px;
  969. border:1px solid white;
  970. -webkit-transition:all 1s ease;
  971. -moz-transition:all 1s ease;
  972. -ms-transition:all 1s ease;
  973. -o-transition:all 1s ease;
  974. transition:all 1s ease;
  975. }
  976.  
  977. #desc{
  978. background:white;
  979. text-align:center;
  980. color:{color:text};
  981. padding:10px;
  982. line-height:1.5em;
  983. font-size:10px;
  984. font-family:'consolas',sans-serif;
  985. letter-spacing:1px;
  986. text-transform:uppercase;}
  987.  
  988. #desc p{
  989. width:300px;
  990. text-align:center;
  991. margin-left:90px;}
  992.  
  993.  
  994. .rules{
  995. width:300px;
  996. background:white;
  997. padding:4px;
  998. font-family:'consolas',sans-serif;
  999. text-transform:uppercase;
  1000. line-height:1.5em;
  1001. font-size:9px;
  1002. color:{color:text};
  1003. }
  1004.  
  1005. .rue{
  1006. width:200px;
  1007. padding:8px;
  1008. font-size:12px;
  1009. font-family: 'Lato', sans-serif;
  1010. text-transform:uppercase;
  1011. font-style:italic;
  1012. letter-spacing:2px;
  1013. background:transparent;
  1014. color:{color:accent};
  1015. }
  1016.  
  1017.  
  1018.  
  1019. .ask-title{
  1020. padding:8px;
  1021. font-size:12px;
  1022. font-family: 'Lato', sans-serif;
  1023. text-transform:uppercase;
  1024. font-style:italic;
  1025. letter-spacing:3px;
  1026. color:{color:accent};
  1027. }
  1028.  
  1029. {CustomCSS}
  1030. </style>
  1031. </head>
  1032. <body>
  1033. <div id="container">
  1034. <div id="tops">
  1035. <div id="blogt">
  1036. <a href="/">{Title}</a>
  1037. {block:Pagination}
  1038. {block:PreviousPage}<a href="{PreviousPage}" title="reverse">-</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="forward">+</a>{/block:NextPage}
  1039. {/block:Pagination}
  1040. </div>
  1041. <div id="link">
  1042. <a class="button">message</a>
  1043. <a class="button2">navigation</a>
  1044. <a class="button3">updates</a>
  1045. <a href="http://960px.tumblr.com/">credit</a>
  1046. </div>
  1047. </div>
  1048. <div id="contains">
  1049. <div id="askbox" class="slide-rules">
  1050. <br>
  1051. <center>
  1052. <big class="rue">Title</big>
  1053. <p class="rules">Type out you updates here!</p>
  1054.  
  1055. </center>
  1056. </div>
  1057. <div id="askbox" class="slide-ask">
  1058. <br>
  1059. <div class="ask-box">
  1060. <big class="ask-title">FAQ & ASK</big>
  1061. <p class="update-info">
  1062. {text:faq}</p>
  1063. </div>
  1064. <div class="star"><iframe frameborder="0" height="200px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" width="96%"></iframe></div>
  1065. </div>
  1066. <div id="askbox" class="slide-link">
  1067. <br>
  1068. <div id="desc"><p>{description}</p></div>
  1069.  
  1070. <div class="navs">
  1071. <a href="{text:link1 url}">{text:link 1}</a>
  1072. <a href="{text:link2 url}">{text:link 2}</a>
  1073. <a href="{text:link3 url}">{text:link 3}</a>
  1074. <a href="{text:link4 url}">{text:link 4}</a>
  1075. <a href="{text:link5 url}">{text:link 5}</a>
  1076. <a href="{text:link6 url}">{text:link 6}</a>
  1077. <a href="{text:link7 url}">{text:link 7}</a>
  1078. <a href="{text:link8 url}">{text:link 8}</a>
  1079.  
  1080. </div>
  1081.  
  1082. <!---you can add more links by copying this entire little bit and copying it again.--->
  1083. {block:ifDoubleLinks}
  1084. <div class="navs">
  1085.  
  1086. <a href="{text:link9 url}">{text:link 9}</a>
  1087. <a href="{text:link10 url}">{text:link 10}</a>
  1088. <a href="{text:link11 url}">{text:link 11}</a>
  1089. <a href="{text:link12 url}">{text:link 12}</a>
  1090. <a href="{text:link13 url}">{text:link 13}</a>
  1091. <a href="{text:link14 url}">{text:link 14}</a>
  1092. <a href="{text:link15 url}">{text:link 15}</a>
  1093. <a href="{text:link16 url}">{text:link 16}</a>
  1094. </div> {/block:ifDoubleLinks}
  1095. <!---end extra links--->
  1096. </div>
  1097. <div id="entries">
  1098. {block:Posts}
  1099. <div id="stuff">
  1100.  
  1101. {block:Quote}
  1102.  
  1103.  
  1104. <div id="titlequote">{Quote}</div>
  1105. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1106. {/block:Quote}
  1107.  
  1108.  
  1109.  
  1110. {block:Text}
  1111.  
  1112. {block:Title}
  1113. <div id="title">{Title}</div>{/block:Title}
  1114. <div id="annoy">{Body}</div>
  1115. {/block:Text}
  1116.  
  1117. {block:Link}
  1118. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1119. {/block:Link}
  1120.  
  1121. {block:Chat}
  1122. {block:Title}
  1123. <h1>{Title}</h1>
  1124. {/block:Title}
  1125. <div class="chat">
  1126. <ol>{block:Lines}
  1127. <li class="line {Alt}">
  1128. {block:Label}
  1129. <span class="label">
  1130. {Label}</span>
  1131. {/block:Label}{Line}</li>
  1132. {/block:Lines}
  1133. </ol></div>
  1134. {/block:Chat}
  1135.  
  1136. {block:Photo}
  1137.  
  1138.  
  1139. {block:ifnot400pxPosts}<img src="{PhotoURL-250}">{/block:ifnot400pxPosts}
  1140. {block:if400pxPosts}<img src="{PhotoURL-400}">{/block:if400pxPosts}
  1141. {block:permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  1142.  
  1143. {/block:Photo}
  1144.  
  1145. {block:Photoset}
  1146. {block:ifnot400pxPosts}{Photoset-250}{/block:ifnot400pxPosts}
  1147. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  1148. {block:permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  1149. {/block:Photoset}
  1150.  
  1151. {block:Video}
  1152. {block:ifnot400pxPosts}{Video-250}{/block:ifnot400pxPosts}
  1153. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  1154. {block:permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  1155. {/block:Video}
  1156.  
  1157. {block:Audio}
  1158. <div id="audios">
  1159. <div class="player">{AudioPlayerWhite}</div>
  1160. <div class="audioinfo">
  1161. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  1162. </div>
  1163. </div>
  1164. {/block:Audio}
  1165.  
  1166.  
  1167. {block:Answer}
  1168. <div class="q">
  1169. <div class="as" >{Asker} said: {Question}</div>
  1170. <div class="a">{Answer}</div>
  1171. </div>
  1172. {/block:Answer}
  1173.  
  1174.  
  1175.  
  1176. {block:Date}
  1177. <div id="info">
  1178.  
  1179. <a href="{Permalink}">
  1180. {block:Date}
  1181. {12Hour}:{Minutes} {AmPm}
  1182. {/block:Date}
  1183.  
  1184. </a> {block:NoteCount}
  1185. | <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  1186. {block:RebloggedFrom}
  1187. <a href="{ReblogParentURL}" title="via"><i class="fa fa-tint fa-lg"></i></a> {/block:RebloggedFrom}
  1188. {block:ContentSource}
  1189. <a href="{SourceURL}" title="source"><i class="fa fa-folder-o fa-lg"></i></a>{/block:ContentSource}
  1190.  
  1191.  
  1192. <div id="tags">
  1193. {block:HasTags}
  1194. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1195. {/block:HasTags}
  1196. </div>
  1197.  
  1198. </div></div>
  1199.  
  1200.  
  1201. {block:PostNotes}
  1202. <div class="pagenotes">{PostNotes-16}</div>{/block:PostNotes}
  1203. {/block:Posts}
  1204.  
  1205.  
  1206. </div>
  1207. </div>
  1208.  
  1209.  
  1210.  
  1211. {block:ContentSource}
  1212. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1213. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1214. {/block:SourceLogo}
  1215. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1216. {/block:ContentSource}
  1217.  
  1218.  
  1219. </div>
  1220. </body>
  1221. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!