Advertisement
krissysarfati

♡ 3:15 ♡

Jan 21st, 2019
381
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.05 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--- THeme by Krissy
  14. ' 3:15 '
  15. bascode credit: shayofrp
  16.  
  17. ♡ ♡ ♡
  18.  
  19. ps. edit all u want, do not claim as your own
  20. and DO NOT REMOVE MY OR THE BASE CODES CREDITING. --->
  21.  
  22. <!--- c o l o r s ---->
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Text" content="#a8a8a8"/>
  25. <meta name="color:Scrollbar" content="#000000"/>
  26. <meta name="color:ScrollbarBg" content="#ffffff"/>
  27. <meta name="color:bold" content=""/>
  28. <meta name="color:italic" content=""/>
  29. <meta name="color:Container" content="#ffffff"/>
  30. <meta name="color:Ask Backg" content="#ffffff"/>
  31. <meta name="color:Links" content="#000000"/>
  32. <meta name="color:Sidebar Background" content="#000000"/>
  33. <meta name="color:Description Background" content="#ffffff"/>
  34. <meta name="color:Post Background" content="#ffffff"/>
  35. <meta name="color:Links Background" content="#ffffff"/>
  36. <meta name="color:Info Background" content="#ffffff"/>
  37. <meta name="color:border" content="#000000"/>
  38.  
  39. <!--- i m a g e s ---->
  40. <meta name="image:background" content=""/>
  41. <meta name="image:sidebar" content=""/>
  42. <meta name="image:sidebar2" content=""/>
  43.  
  44. <!--- t e x t ---->
  45. <meta name="text:Link 1 URL" content="/">
  46. <meta name="text:Link 2 URL" content="/">
  47. <meta name="text:Link 3 URL" content="/">
  48. <meta name="text:Link 1 name" content="/">
  49. <meta name="text:Link 2 name" content="/">
  50. <meta name="text:Link 3 name" content="/">
  51. <meta name="text:main" content="anxiety">
  52. <meta name="text:headquote" content="quote">
  53. <meta name="text:subbie" content="subbie title">
  54.  
  55. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet'>
  56. <link href="https://fonts.googleapis.com/css?family=Cardo" rel="stylesheet">
  57.  
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62. @font-face { font-family: "alphabet"; src: url('https://dl.dropboxusercontent.com/s/tttzzlqs3zwv93f/tommys.ttf?dl=0'); format("truetype");}
  63. @font-face { font-family: "hacked"; src: url('https://dl.dropboxusercontent.com/s/xyju89lrtr12y7q/HACKED.ttf?dl=0'); format("truetype");}
  64. @font-face {font-family: "beautiful";src: url('https://static.tumblr.com/gdh5wux/svRmf7ay4/beautiful-es.ttf');}
  65. @font-face { font-family: "barcode_font"; src: url('https://dl.dropboxusercontent.com/s/ehflmklm9nfvetz/BarcodeFont.ttf?dl=0'); format("truetype");}
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72. ::-webkit-scrollbar-thumb {
  73. height:auto;
  74. background-color:{color:Scrollbar};
  75. }
  76.  
  77. ::-webkit-scrollbar {
  78. height:9px;
  79. width:4px;
  80. background-color:{color:ScrollbarBg};
  81. }
  82.  
  83.  
  84. body {
  85. background:{color:background};
  86. margin:0px;
  87. color:{color:text};
  88. font-family: 'Cardo', serif;
  89. font-size:12px;
  90. line-height:10px;
  91. text-align:justify;
  92. background-image:url('{image:background}');
  93. background-size:cover;
  94. }
  95.  
  96.  
  97. /* S T Y L E S! */
  98.  
  99. b {
  100. color:{color:bold};
  101. font-size:11px;
  102. line-height:11px;
  103. letter-spacing:1px;
  104. }
  105.  
  106. strong {
  107. font-weight:bold;
  108. font-size:11px;
  109. line-height:11px;
  110. letter-spacing:-1px;
  111. text-transform:uppercase;}
  112.  
  113. i {
  114. font-style:italic;
  115. color:{color:italic};
  116. font-weight:lighter;
  117. font-size:11px;
  118. line-height:11px;}
  119.  
  120.  
  121. a {
  122. text-decoration:none;
  123. outline:none;
  124. -moz-outline-style:none;
  125. color:{color:links};
  126. font-weight:bold;
  127. font-family:arial;
  128. }
  129.  
  130. img {
  131. background-color:{color:text};
  132. padding:5px;
  133. border:solid 1px black;
  134. }
  135.  
  136. small{
  137. font-size:12px;}
  138.  
  139. h1 {
  140. line-height:1px;
  141. text-shadow:
  142. 3px 3px 0 #000,
  143. -1px -1px 0 #000,
  144. 1px -1px 0 #000,
  145. -1px 1px 0 #000,
  146. 1px 1px 0 #000;
  147. font-size:30px;
  148. color:{color:text};
  149. text-transform:uppercase;
  150. font-family:'alphabet';
  151. background-color:{color:Links Background};
  152. padding:10px;
  153. text-align:center;
  154. }
  155.  
  156. h2 {
  157. font-size:30px;
  158. letter-spacing:3px;
  159. line-height:5px;
  160. text-shadow:none;
  161. color:{color:text};
  162. font-family: "beautiful";
  163. }
  164.  
  165. blockquote {
  166. border-left:1px solid {color:text};
  167. padding-left:5px;
  168. margin-left:10px;
  169. margin-:10px;
  170. }
  171.  
  172. /* E N T R I E S*/
  173.  
  174. #container {
  175. margin-left:10%;
  176. }
  177.  
  178. #entries {
  179. padding:10px;
  180. z-index:9999;
  181. background-color:{color:Container};
  182. width:457px;
  183. position:fixed;
  184. margin-left:278px;
  185. z-index:99;
  186. overflow-x:hidden;
  187. margin-top:10px;
  188. overflow-y:auto;
  189. height:360px;
  190. font-size:15px;
  191. line-height:100%;
  192. }
  193.  
  194. #post {
  195. width:400px;
  196. background-color:{color:Post Background};
  197. z-index:9999;
  198. padding-bottom:20px;
  199. margin-left:2px;
  200. color:{color:Text};
  201. font-size:12px;
  202. padding:25px;
  203. margin-top:5px;
  204. }
  205.  
  206.  
  207.  
  208. /*S I D E B A R*/
  209.  
  210. #container{
  211. padding:10px;
  212. width:690px;
  213. height:593px;
  214. z-index:-9999;
  215. text-align:center;
  216. position:fixed;
  217. margin-top:10px;
  218. font-size:10px;
  219. margin-left:275px;
  220. background-color:{color:Post Background};
  221. }
  222.  
  223. #sidebar{
  224. background-color:transparent;
  225. padding:10px;
  226. width:950px;
  227. height:600px;
  228. z-index:-9999;
  229. text-align:center;
  230. position:fixed;
  231. margin-top:10px;
  232. font-size:13px;
  233. margin-left:170px;
  234. color:black;
  235. border:transparent;
  236. }
  237.  
  238. #sidebar img {
  239. background-color:transparent;
  240. margin-left:-50px;
  241. margin-top:370px;
  242. width:700px;
  243. border:transparent;
  244. height:220px;}
  245.  
  246. #sidebar2{
  247. background-color:transparent;
  248. padding:10px;
  249. width:950px;
  250. z-index:-9999;
  251. text-align:center;
  252. position:fixed;
  253. margin-top:-10px;
  254. font-size:13px;
  255. margin-left:170px;
  256. color:black;
  257. border:transparent;
  258. }
  259.  
  260. #sidebar2 img {
  261. background-color:transparent;
  262. margin-left:430px;
  263. margin-top:10px;
  264. width:220px;
  265. border:transparent;
  266. height:375px;
  267. }
  268.  
  269. #main {
  270. font-size:135px;
  271. font-family: "beautiful";
  272. transform: rotate(-2deg);
  273. overflow:none;
  274. position:fixed;
  275. text-align:center;
  276. line-height:55px;
  277. letter-spacing:1px;
  278. padding:5px;
  279. margin-top:-150px;
  280. margin-left:330px;
  281. color:{color:bold};
  282. }
  283.  
  284. #subbie {
  285. font-size:35px;
  286. transform: rotate(-2deg);
  287. font-family: "barcode_font";
  288. overflow:none;
  289. position:fixed;
  290. text-align:center;
  291. letter-spacing:3px;
  292. padding:3px;
  293. margin-top:-90px;
  294. margin-left:470px;
  295. color:{color:text};
  296. }
  297.  
  298.  
  299. #headquote {
  300. font-size:60px;
  301. font-family: "beautiful";
  302. overflow:hidden;
  303. text-align:justify;
  304. text-transform:lowercase;
  305. position:fixed;
  306. line-height:29px;
  307. height:210px;
  308. width:690px;
  309. padding:5px;
  310. margin-top:-228px;
  311. margin-left:100px;
  312. color:grey;
  313. -webkit-transition: width 4s; /* For Safari 3.1 to 6.0 */
  314. transition: width 7s;
  315. opacity:0.1;
  316. }
  317.  
  318. #headquote:hover{
  319. opacity:0.2;
  320.  
  321. }
  322.  
  323. /*I N F O*/
  324.  
  325. #info {
  326. font-family:'hacked';
  327. text-align:right;
  328. padding:5px;
  329. margin-left:-25px;
  330. background: linear-gradient(-90deg, {color:bold}, {color:Info Background});
  331. margin-top:-25px;
  332. width:440px;
  333. color:white;
  334. font-size:9px;
  335. text-transform:uppercase;
  336. font-style:none;
  337. line-height:17px;
  338. color:{color:Links};
  339. }
  340.  
  341. #info a {
  342. font-size:8px;
  343. letter-spacing:3px;
  344. text-align:center;
  345. color:{color:background};
  346. }
  347.  
  348. .tags {text-transform:none;
  349. color:;
  350. width:450px;
  351. opacity:0;
  352. margin-top:-30px;
  353. margin-left:0px;
  354. font-size:9px;
  355. letter-spacing:1px;
  356. text-align:justify;
  357. -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  358.  
  359.  
  360. .tags a {
  361. letter-spacing:0px;
  362. padding:2px;
  363. font-size:10px;
  364. text-align:center;
  365. font-family:arial;
  366. text-decoration:none;
  367. display:inline-block;
  368. color:white;
  369. }
  370.  
  371. #post:hover .tags{
  372. margin-top:10px;
  373. opacity:1;}
  374.  
  375. /*N A V I*/
  376.  
  377. #bar{
  378. background-color:{color:Post Background};
  379. width:700px;
  380. margin-top:590px;
  381. z-index:-99;
  382. position:fixed;
  383. margin-left:280px;
  384. }
  385.  
  386.  
  387. #linkss a{
  388. margin-right:6.1px;
  389. text-align:center;
  390. width:155px;
  391. margin-top:5px;
  392. color:{color:links};
  393. padding:5px;
  394. display:inline-block;
  395. -moz-transition-duration:0.3s;
  396. -webkit-transition-duration:0.3s;
  397. -o-transition-duration:0.3s;
  398. }
  399.  
  400.  
  401.  
  402. /*A S K S*/
  403.  
  404. .askimg {
  405. display:inline-block;
  406. }
  407.  
  408.  
  409. .question span {
  410. text-shadow: 1px 1px 0px rgba(90, 90, 90, .6);
  411. text-transform:uppercase;
  412. }
  413. .question {
  414. background:{color:Links Background};
  415. max-width:82%;
  416. font-size:12px;
  417. max-height:40%;
  418. padding:10px;
  419. margin-top:-60px;
  420. margin-left:57px;
  421. border:solid 1px {color:border};
  422. }
  423.  
  424. .answer {
  425. width:96%;
  426. padding:10px;
  427. margin-top:0px;
  428. }
  429.  
  430. /*P A G I N A T I ON*/
  431.  
  432. #pagination{
  433. margin-top:-12px;
  434. margin-left:10px;
  435. text-align:center;
  436. position:absolute;
  437. }
  438.  
  439. #pagination a{
  440. font-size:7px;
  441. text-decoration:none;
  442. text-shadow:none;
  443. color:{color:Links Background};
  444. background-color:transparent;
  445. border:none;
  446. }
  447.  
  448. /* credit - do not remove */
  449.  
  450. #cred {
  451. position:fixed;
  452. left:9px;
  453. bottom:9px;
  454. padding:4px;
  455. }
  456.  
  457.  
  458. #cred a {
  459. position:fixed;
  460. color:{color:text};
  461. font-family: "bebas neue";
  462. letter-spacing:2px;
  463. font-size:10px;
  464. left:9px;
  465. bottom:9px;
  466. padding:4px;
  467. }
  468.  
  469.  
  470. {CustomCSS}</style></head><body>
  471.  
  472.  
  473. <div id="container"></div>
  474.  
  475. <div id="bar"><div id="linkss">
  476. <div style="float: left;"><a href="">I</a>
  477. <a href="/ask">II</a>
  478. <div style="float: right;"><a href="/nav">III</a>
  479. <a href="/mine">IV</a></div></div> </div>
  480.  
  481. </div>
  482. <div id="sidebar">
  483. <img src="{image:sidebar}">
  484. <div id="subbie">{text:subbie}</div>
  485. <div id="main">{text:main}</div>
  486. <div id="headquote">{text:headquote}</div>
  487.  
  488.  
  489.  
  490. <div id="pagination">{block:Pagination}
  491. {block:PreviousPage}
  492. <a href="{PreviousPage}">BACK </a>
  493. {/block:PreviousPage}
  494.  
  495. {block:NextPage}
  496. <a href="{NextPage}">NEXT</a>
  497. {/block:NextPage}
  498. {/block:Pagination}</div>
  499. </div></div>
  500.  
  501. <div id="sidebar2"><img src="{image:sidebar2}"></div>
  502.  
  503.  
  504.  
  505. <div id="entries">
  506. {block:Posts}
  507.  
  508. <div id="post">
  509. <div id="info">
  510. <div id="permalink">
  511. <a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</a>
  512. <a href="{SourceURL}"> ♡ ♡ ♡</a>
  513. </a></div></div> <BR>
  514.  
  515. {block:Text}
  516. {block:Title}<h1>{Title}</h1>{/block:Title}
  517. {Body}{/block:Text}
  518.  
  519. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  520. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  521.  
  522. {block:Photoset}
  523. <div style="background-color:{color:text}; padding:5px; width:100%;border:1px solid {color:border};"> {Photoset}</div>
  524. {/block:Photoset}
  525.  
  526. {block:Quote}<h2>"{Quote}"</h2>
  527. {block:Source}<div class="qsource"> —{Source}</div>
  528. {/block:Source}{/block:Quote}
  529.  
  530. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  531.  
  532. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  533.  
  534. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  535. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  536. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  537. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  538. {/block:Audio}
  539.  
  540. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  541.  
  542.  
  543. {block:Answer}
  544. <div class="askimg"><img src="{AskerPortraitURL-40}"></div><div class="question"><span>{Asker} shouted: </span><br><center> {Question}</center></div><div class="answer">{Answer}</div>
  545. {/block:Answer}
  546.  
  547. {block:HasTags}<div class="tags"><a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; &nbsp;
  548. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  549. {block:PostNotes}<div id="notes"><left>{PostNotes}
  550. </div></div>{/block:PostNotes}{/block:Posts}{/block:Posts}
  551. </div></div>
  552.  
  553. {/block:Posts}{/block:Posts}</div></div></div>
  554.  
  555.  
  556. </div>
  557.  
  558. </ul>
  559. </div></div>
  560.  
  561.  
  562. <!--- CREDIT ---->
  563.  
  564. <div id="cred">
  565. <a href="https://www.krissyrp.tumblr.com/">krissy </a>
  566. </div>
  567.  
  568.  
  569. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement