API tools faq
paste
Advertisement
NIGGSEX

base gringa

NIGGSEX
Nov 28th, 2020
2,336
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.41 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme by obsceny — originally 2021 (base code by extasisthemes)-->
  2.  
  3. <!DOCTYPE html PUBLIC>
  4.  
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.  
  7. <html>
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14.  
  15.  
  16. <meta name="color:Asker Background" content="#f0f0f0"/>
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Border" content="#eeeeee"/>
  19. <meta name="color:Link" content="#000000"/>
  20. <meta name="color:Link Hover" content="#cfcfcf"/>
  21. <meta name="color:Like" content="#ec6363"/>
  22. <meta name="color:Main Color" content="#dd9944"/>
  23. <meta name="color:Question Background" content="#f5f5f5"/>
  24. <meta name="color:Quote Icon Color" content="#ffffff"/>
  25. <meta name="color:Scrollbar" content="#000000"/>
  26. <meta name="color:Text" content="#555555"/>
  27. <meta name="color:Tooltip Background" content="#ffffff"/>
  28.  
  29.  
  30. <meta name="text:Title" content="Theme Title Sample"/>
  31.  
  32. <meta name="text:Link 1 URL" content="/"/>
  33. <meta name="text:Link 1 Name" content="Link One"/>
  34. <meta name="text:Link 2 URL" content="/"/>
  35. <meta name="text:Link 2 Name" content="Link Two"/>
  36. <meta name="text:Link 3 URL" content="/"/>
  37. <meta name="text:Link 3 Name" content="Link Three"/>
  38.  
  39. <meta name="if:Submit Link" content="1"/>
  40.  
  41. <meta name="if:Hide Tags" content="0"/>
  42. <meta name="if:Show Tags" content="1"/>
  43.  
  44. <!-- Google Fonts Script -->
  45.  
  46. <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  47.  
  48. <!-- Styled Tooltips Script -->
  49.  
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51.  
  52. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53.  
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("a[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:90,
  60. tip_fade_speed:600,
  61. attribute:"title"
  62. });
  63. });
  64. })(jQuery);
  65. </script>
  66.  
  67. <!-- scroll -->
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {
  73. background: {color:Scrollbar};
  74. }
  75.  
  76. ::-webkit-scrollbar {
  77. width: 7px;
  78. }
  79.  
  80. #s-m-t-tooltip {
  81. background: {color:Tooltip Background};
  82. border: 1px solid {color:Border};
  83. font-size: 0.9rem;
  84. margin-top: 30px;
  85. padding: 5px;
  86. text-align: center;
  87. text-transform: uppercase;
  88. z-index: 999999999999999999999999999999999999;
  89. }
  90.  
  91. body {
  92. background: {color:Background};
  93. color: {color:Text};
  94. cursor: url(https://i.imgur.com/lhPqll6.png), progress;
  95. font-family: 'Poppins', sans-serif;
  96. font-size: 0.9rem;
  97. font-style: normal;
  98. font-weight: 400;
  99. letter-spacing: 1px;
  100. margin: 0px;
  101. text-align: justify;
  102. text-transform: none;
  103. word-break: break-all;
  104. }
  105.  
  106. b {
  107. font-weight: 700;
  108. }
  109.  
  110. a {
  111. color: {color:Link};
  112. text-decoration:  none;
  113. -webkit-transition: all 0.5s ease;
  114. -moz-transition: all 0.5s ease;
  115. -o-transition: all 0.5s ease;
  116. }
  117.  
  118. a:hover {
  119. color: {color:Link Hover};
  120. }
  121.  
  122. h1 {
  123. font-size: 1.2rem;
  124. font-weight: 700;
  125. line-height: 100%;
  126. text-align: left;
  127. }
  128.  
  129. h2 {
  130. font-size: 1rem;
  131. font-weight: 700;
  132. line-height: 100%;
  133. text-align: left;
  134. }
  135.  
  136. blockquote {
  137. border-left: 1px solid {color:Border};
  138. margin: 5px;
  139. padding-left: 5px;
  140. }
  141.  
  142. blockquote img {
  143. height: auto;
  144. max-width: 100%;
  145. }
  146.  
  147. blockquote blockquote {
  148. border-left: 1px solid {color:Border};
  149. padding-left: 5px;
  150. }
  151.  
  152. pre {
  153. background: #f8f8f8;
  154. border-radius: 5px;
  155. padding: 10px;
  156. word-wrap: break-all;
  157. white-space: pre-wrap;
  158. }
  159.  
  160. #container {
  161. margin-bottom: 100px;
  162. margin-left: auto;
  163. margin-right: auto;
  164. margin-top: 100px;
  165. width: 850px;
  166. }
  167.  
  168. #user-information {
  169. margin-bottom: 100px;
  170. position: absolute;
  171. width: 250px;
  172. }
  173.  
  174. .title {
  175. color: {color:Main Color};
  176. font-weight: 700;
  177. margin-top: 30px;
  178. text-align: center;
  179. }
  180.  
  181. .description {
  182. margin-top: 15px;
  183. }
  184.  
  185. .links {
  186. font-size: 0.9rem;
  187. margin-top: 15px;
  188. text-align: center;
  189. text-transform: uppercase;
  190. }
  191.  
  192. .links a {
  193. display: inline-block;
  194. margin-left: 5px;
  195. margin-right: 5px;
  196. }
  197.  
  198. #posts {
  199. margin-left: 350px;
  200. width: 800px; display:inline-block;
  201. }
  202.  
  203. .entries {
  204. margin-bottom: 50px;
  205. width: 250px; overflow:hidden;
  206. }
  207.  
  208. .entries img {
  209. height: auto;
  210. max-width: 100%;
  211. }
  212.  
  213. .read_more {
  214. background: {color:Main Color};
  215. border: 1px solid {color:Border};
  216. border-radius: 5px;
  217. color: white;
  218. display: inline-block;
  219. font-size: 0.9rem;
  220. padding: 10px;
  221. text-align: center;
  222. text-transform: uppercase;
  223. width: calc(100% - 22px);
  224. }
  225.  
  226. .read_more:hover {
  227. background: white;
  228. color: {color:Main Color};
  229. }
  230.  
  231. .text p {
  232. margin-top: 0px;
  233. }
  234.  
  235. .caption {
  236. margin-top: 20px;
  237. }
  238.  
  239. .caption p {
  240. margin-top: 0px;
  241. }
  242.  
  243. .ask-wrapper {
  244. width: 100%;
  245. }
  246.  
  247. .asker {
  248. background: {color:Asker Background};
  249. padding: 20px;
  250. }
  251.  
  252. .asker-url {
  253. font-size: 0.9rem;
  254. text-align: left;
  255. text-transform: uppercase;
  256. }
  257.  
  258. .asker-url a {
  259. background: none;
  260. padding: 0px;
  261. }
  262.  
  263. .question {
  264. background: {color:Question Background};
  265. padding: 20px;
  266. }
  267.  
  268. .quote {
  269. background: {color:Question Background};
  270. font-size: 0.9rem;
  271. padding: 20px;
  272. text-align: left;
  273. text-transform: uppercase;
  274. }
  275.  
  276. .website {
  277. border: 1px solid {color:Border};
  278. border-radius: 5px;
  279. font-size: 0.9rem;
  280. padding: 20px;
  281. text-align: left;
  282. text-transform: uppercase;
  283. }
  284.  
  285. .chat {
  286. font-size: 0.9rem;
  287. text-align: left;
  288. text-transform: uppercase;
  289. }
  290.  
  291. .chat li {
  292. list-style-type: none;
  293. }
  294.  
  295. .chat li:nth-child(odd) {
  296. background: {color:Main Color};
  297. color: {color:Quote Icon Color};
  298. padding: 10px;
  299. }
  300.  
  301. .chat li:nth-child(even) {
  302. background: {color:Question Background};
  303. color: {color:Main Color};
  304. padding: 10px;
  305. }
  306.  
  307. .audio iframe {
  308. height: 85px;
  309. width: 500px;
  310. }
  311.  
  312. .entries-information {
  313. border-top: 1px solid {color:Border};
  314. font-size: 0.9rem;
  315. margin-top: 20px;
  316. padding-top: 20px;
  317. text-align: left;
  318. text-transform: uppercase;
  319. }
  320.  
  321. .notes li {
  322. list-style-type: none;
  323. margin-left: -40px;
  324. }
  325.  
  326. .notes img {
  327. display: none;
  328. }
  329.  
  330. .pagination {
  331. font-size: 0.9rem;
  332. text-transform: uppercase;
  333. background:{color:borders};
  334. }
  335.  
  336. #credits {
  337. position:fixed;
  338. text-align:center;
  339. bottom:52px;
  340. left:15px;}
  341.                    
  342. .efect {
  343. border:none;
  344. color: {color:Main Color};
  345. padding:2px 8px;
  346. margin:20px;
  347. font-size:12px;
  348. line-height:24px;
  349. position:relative;
  350. cursor:alias;
  351. box-sizing:border-box;
  352. transition: all 400ms ease;}
  353.  
  354. .efect a {
  355.     color: {color:Main Color};}
  356.                        
  357. .efeito-6 {
  358. background:{color:border};
  359. transform-style:preserve-3d;}
  360.        
  361. .efeito-6:after, .efeito-6 a:after {
  362.         top:-100%;
  363.         left:0px;
  364.         width:100%;
  365.         padding:0px 5px;
  366.         background:{color:main color};
  367.         color:{color:border};
  368.         position:absolute;
  369.         box-sizing:border-box;
  370.         transform-origin:left bottom;
  371.         content:'o';
  372.         transform:rotatex(90deg);}
  373.  
  374.     .efeito-6:hover {
  375.         transform-origin:center bottom;
  376.         transform:rotateX(-90deg) translateY(100%);    }    
  377.        
  378.   .spotify_audio_player {height:80px !important; padding:10px; margin-left:-50px;}
  379.      
  380.  
  381. {CustomCSS}
  382.    
  383. </style>
  384.    
  385. </head>
  386.  
  387. <body>
  388.  
  389. <div id="container">
  390.  
  391. <div id="user-information">
  392.  
  393. <div class="image"><img src="{image:Sidebar Image}"/></div>
  394.  
  395. <div class="title">{text:Title}</div>
  396.  
  397. {block:Description}<div class="description">{Description}</div>{/block:Description}
  398.  
  399. <div class="links">
  400. <a href="/">Home</a>
  401. {block:AskEnabled}<a href="/ask">Ask</a>{/block:AskEnabled}
  402. {block:SubmissionsEnabled}{block:IfSubmitLink}<a href="/submit">Submit</a>{/block:IfSubmitLink}{/block:SubmissionsEnabled}
  403. {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a>{/block:ifLink1URL}
  404. {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a>{/block:ifLink2URL}
  405. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a>{/block:ifLink3URL}
  406. <a href="/archive">Archive</a>
  407. </div>
  408.  
  409. </div>
  410.  
  411. <div id="posts">
  412.  
  413. {block:Posts}
  414.  
  415. <div class="entries" id="{PostID}">
  416.  
  417. {block:Text}
  418. {block:Title}
  419. <h1>{Title}</h1>
  420. {/block:Title}
  421. <div class="text">
  422. {Body}
  423. </div>
  424. {/block:Text}
  425.  
  426. {block:Answer}
  427. <div class="ask-wrapper">
  428. <div class="asker">
  429. <div class="asker-url">A Message From <a href="{AskerURL}">{Asker}</a>
  430. </div>
  431. </div>
  432. <div class="question">
  433. {Question}
  434. </div>
  435. </div>
  436. <div class="caption">
  437. {Answer}
  438. </div>
  439. {/block:Answer}
  440.  
  441. {block:Quote}
  442. <div class="quote">
  443. "{Quote}</i>" {block:Source}— {Source}{/block:Source}
  444. </div>
  445. {/block:Quote}
  446.  
  447. {block:Link}
  448. <div class="website"><a href="{URL}" target="_blank">{Name}</a></div>
  449. {block:Description}
  450. <div class="caption">
  451. {Description}
  452. </div>
  453. {/block:Description}
  454. {/block:Link}
  455.  
  456. {block:Chat}
  457. <div class="chat">
  458. {block:Title}
  459. <h1>{Title}</h1>
  460. {/block:Title}
  461. {block:Lines}
  462. <li>{block:Label}{Label}{/block:Label}
  463. {Line}
  464. </li>
  465. {/block:Lines}
  466. </div>
  467. {/block:Chat}
  468.  
  469. {block:Audio}
  470. <div class="audio">
  471. {AudioEmbed}
  472. </div>
  473. {block:Caption}
  474. <div class="caption">{Caption}</div>
  475. {/block:Caption}
  476. {/block:Audio}
  477.  
  478. {block:Photo}
  479. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  480. <div class="caption">{Caption}</div>
  481. {/block:Caption}
  482. {/block:Photo}
  483.  
  484. {block:Photoset}
  485. {Photoset}
  486. {block:Caption}
  487. <div class="caption">{Caption}</div>
  488. {/block:Caption}
  489. {/block:Photoset}
  490.  
  491. {block:Video}
  492. <div class="video">
  493. {Video-500}
  494. </div>
  495. {block:Caption}
  496. <div class="caption">{Caption}</div>
  497. {/block:Caption}
  498. {/block:Video}
  499.  
  500. {block:Date}
  501. <div class="entries-information">
  502. {block:Date}({block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}  {block:NoteCount}/{/block:NoteCount} <a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a>){/block:Date}
  503. {block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / {/block:RebloggedFrom}  
  504. {block:ContentSource} <a href="{SourceURL}">Source</a> / {/block:ContentSource}
  505. <a href="{ReblogURL}" target="_blank">Reblog</a>
  506. <div class="tags">
  507. {block:Tags}
  508. <a href="{TagURL}" style="margin-right: 5px;">#{Tag}</a>
  509. {/block:Tags}
  510. </div>
  511. {block:PostNotes}
  512. {PostNotes}
  513. {/block:PostNotes}
  514. </div>
  515. {/block:Date}
  516.  
  517. </div>
  518.  
  519. {/block:Posts}
  520.  
  521. {block:Pagination}
  522. <div class="pagination">
  523. {CurrentPage} Out Of {TotalPages}
  524. <font style="float:right;">
  525. {block:PreviousPage}
  526. <a href="{PreviousPage}">Previous</a>
  527. {/block:PreviousPage}
  528. {block:NextPage}
  529. Or <a href="{NextPage}">Next</a>
  530. {/block:NextPage}
  531. </font>
  532. </div>
  533. {/block:Pagination}
  534.  
  535. </div>
  536.  
  537. </div>
  538.  
  539. <div id="credits"><a href="https://obsceny.tumblr.com/" title="obsceny">
  540.         <button type="button" class="efect efeito-6">o</button></a>
  541.     </div>
  542.  
  543. </body>
  544.  
  545. </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!