Advertisement
extasisthemes

Artificial

Oct 21st, 2016
2,401
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.01 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!----- Artificial by extasisthemes ----->
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="color:Asker" content="#000000"/>
  14. <meta name="color:Audio Background" content="#ffffff"/>
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Blockquote" content="#eeeeee"/>
  17. <meta name="color:Blog Title" content="#000000"/>
  18. <meta name="color:Border" content="#eeeeee"/>
  19. <meta name="color:Caption Background" content="#fafafa"/>
  20. <meta name="color:Caption Border" content="#eeeeee"/>
  21. <meta name="color:Credit" content="#000000"/>
  22. <meta name="color:Credit Background" content="#ffffff"/>
  23. <meta name="color:Header Background" content="#ffffff"/>
  24. <meta name="color:Hover" content="#cfcfcf"/>
  25. <meta name="color:Link" content="#000000"/>
  26. <meta name="color:Link Border" content="#eeeeee"/>
  27. <meta name="color:List" content="#eeeeee"/>
  28. <meta name="color:Post Title" content="#000000"/>
  29. <meta name="color:Scrollbar" content="#000000"/>
  30. <meta name="color:Text" content="#000000"/>
  31. <meta name="color:Tooltip Background" content="#ffffff"/>
  32. <meta name="color:TS Background" content="#f8f8f8"/>
  33.  
  34. <meta name="text:Link 1" content="/"/>
  35. <meta name="text:Link 1 Title" content="Link One"/>
  36. <meta name="text:Link 2" content="/"/>
  37. <meta name="text:Link 2 Title" content="Link Two"/>
  38. <meta name="text:Link 3" content="/"/>
  39. <meta name="text:Link 3 Title" content="Link Three"/>
  40.  
  41. <meta name="text:Title" content="Artificial"/>
  42. <meta name="text:Subtitle" content="Lorem ipsum dolor sit amet"/>
  43.  
  44. <meta name="image:Image" content="http://i.imgur.com/BS50OMK.png"/>
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:600,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <script src="https://use.fontawesome.com/b01aac9904.js"></script>
  62.  
  63. <style type="text/css">
  64.  
  65. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic);
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {
  68. background:{color:Scrollbar};
  69. height:50px;
  70. }
  71.  
  72. ::-webkit-scrollbar {
  73. height:10px;
  74. width:3px;
  75. }
  76.  
  77. #s-m-t-tooltip {
  78. background:{color:Tooltip Background};
  79. border:1px solid {color:Border};
  80. color:{color:Text};
  81. font-family:'Open Sans', sans-serif;
  82. font-size:10px;
  83. font-style:normal;
  84. font-weight:normal;
  85. letter-spacing:0px;
  86. margin-top:20px;
  87. padding:10px;
  88. text-align:center;
  89. text-decoration:none;
  90. text-transform:uppercase;
  91. z-index:999999999999999999999999999999999999;
  92. }
  93.  
  94. body {
  95. background:{color:Background};
  96. color:{color:Text};
  97. cursor:url(http://i.imgur.com/lhPqll6.png), progress;
  98. font-family:'Open Sans', sans-serif;
  99. font-size:11px;
  100. font-style:normal;
  101. font-weight:normal;
  102. letter-spacing:0px;
  103. margin:0px;
  104. text-align:justify;
  105. text-decoration:none;
  106. text-transform:none;
  107. word-break:break-word;
  108. }
  109.  
  110. a {
  111. border-bottom:1px solid {color:Link Border};
  112. color:{color:Link};
  113. text-decoration:none;
  114. -webkit-transition: all 0.5s ease;
  115. -moz-transition: all 0.5s ease;
  116. -o-transition: all 0.5s ease;
  117. }
  118.  
  119. a:hover {
  120. color:{color:Hover};
  121. }
  122.  
  123. h1 {
  124. color:{color:Post Title};
  125. font-family:'Open Sans', sans-serif;
  126. font-size:12px;
  127. font-style:normal;
  128. font-weight:bold;
  129. letter-spacing:0px;
  130. line-height:150%;
  131. text-align:left;
  132. text-decoration:none;
  133. text-transform:none;
  134. }
  135.  
  136. blockquote {
  137. border-left:1px solid {color:Blockquote};
  138. margin:5px;
  139. padding-left:5px;
  140. }
  141.  
  142. blockquote img {
  143. height:auto;
  144. max-width:200px;
  145. }
  146.  
  147. blockquote blockquote {
  148. border-left:1px solid {color:Blockquote};
  149. padding-left:5px;
  150. }
  151.  
  152. ul {
  153. padding:10px;
  154. }
  155.  
  156. li {
  157. list-style:none;
  158. padding:2px 0px 1px 0px;
  159. }
  160.  
  161. li:before {
  162. color:{color:List};
  163. content:'–––––';
  164. letter-spacing:-3px;
  165. padding-right:10px;
  166. }
  167.  
  168. img {
  169. height:auto;
  170. max-width:100%;
  171. }
  172.  
  173. #header {
  174. background:{color:Header Background};
  175. border-bottom:1px solid {color:Border};
  176. margin-top:-150px;
  177. position:fixed;
  178. width:100%;
  179. z-index:1;
  180. }
  181.  
  182. #tscontainer {
  183. background:{color:TS Background};
  184. display:inline-block;
  185. margin:20px;
  186. padding:10px;
  187. }
  188.  
  189. .title {
  190. color:{color:Blog Title};
  191. font-family:'Open Sans', sans-serif;
  192. font-size:11px;
  193. font-style:normal;
  194. font-weight:900;
  195. letter-spacing:0px;
  196. text-decoration:none;
  197. text-align:left;
  198. text-transform:uppercase;
  199. }
  200.  
  201. .subtitle {
  202. color:{color:Text};
  203. font-family:'Open Sans', sans-serif;
  204. font-size:10px;
  205. font-style:normal;
  206. font-weight:normal;
  207. letter-spacing:0px;
  208. text-decoration:none;
  209. text-align:left;
  210. text-transform:uppercase;
  211. }
  212.  
  213. #border {
  214. background:{color:Header Background};
  215. height:100%;
  216. margin-top:-150px;
  217. position:fixed;
  218. width:841px;
  219. }
  220.  
  221. #border1 {
  222. background:{color:Border};
  223. height:100%;
  224. margin-top:-150px;
  225. position:fixed;
  226. width:1px;
  227. }
  228.  
  229. #border2 {
  230. background:{color:Border};
  231. height:100%;
  232. margin-left:520px;
  233. margin-top:-150px;
  234. position:fixed;
  235. width:1px;
  236. }
  237.  
  238. #border3 {
  239. background:{color:Border};
  240. height:100%;
  241. margin-left:840px;
  242. margin-top:-150px;
  243. position:fixed;
  244. width:1px;
  245. }
  246.  
  247. #container {
  248. margin-bottom:150px;
  249. margin-left:auto;
  250. margin-right:auto;
  251. margin-top:150px;
  252. width:800px;
  253. }
  254.  
  255. #sidebar {
  256. margin-left:580px;
  257. position:fixed;
  258. width:200px;
  259. }
  260.  
  261. .image {
  262. height:50px;
  263. margin-left:75px;
  264. width:50px;
  265. }
  266.  
  267. .image img {
  268. border-radius:100px;
  269. height:50px;
  270. width:50px;
  271. }
  272.  
  273. .description {
  274. color:{color:Text};
  275. font-family:'Open Sans', sans-serif;
  276. font-size:11px;
  277. font-style:normal;
  278. font-weight:normal;
  279. letter-spacing:0px;
  280. margin-top:20px;
  281. text-decoration:none;
  282. text-align:justify;
  283. text-transform:none;
  284. }
  285.  
  286. .links {
  287. color:{color:Link};
  288. font-family:'Open Sans', sans-serif;
  289. font-size:10px;
  290. font-style:normal;
  291. font-weight:normal;
  292. letter-spacing:0px;
  293. margin-top:20px;
  294. text-decoration:none;
  295. text-align:left;
  296. text-transform:uppercase;
  297. }
  298.  
  299. .links a {
  300. color:{color:Link};
  301. display:block;
  302. margin-bottom:5px;
  303. padding-bottom:5px;
  304. }
  305.  
  306. .links a:hover {
  307. color:{color:Hover};
  308. }
  309.  
  310. #posts {
  311. margin-left:60px;
  312. margin-top:100px;
  313. position:relative;
  314. width:400px;
  315. }
  316.  
  317. .entries {
  318. width:400px;
  319. }
  320.  
  321. .caption {
  322. margin-top:5px;
  323. background:{color:Caption Background};
  324. border:1px solid {color:Border};
  325. padding:10px;
  326. }
  327.  
  328. #quote {
  329. color:{color:Text};
  330. font-family:'Open Sans', sans-serif;
  331. font-size:15px;
  332. font-style:normal;
  333. font-weight:normal;
  334. letter-spacing:0px;
  335. padding:10px;
  336. text-align:justify;
  337. text-decoration:none;
  338. text-transform:none;
  339. }
  340.  
  341. #chat {
  342. color:{color:Text};
  343. font-family:'Open Sans', sans-serif;
  344. font-size:10px;
  345. font-style:normal;
  346. font-weight:normal;
  347. letter-spacing:0px;
  348. text-align:justify;
  349. text-decoration:none;
  350. text-transform:uppercase;
  351. }
  352.  
  353. #website {
  354. color:{color:Text};
  355. font-family:'Open Sans', sans-serif;
  356. font-size:12px;
  357. font-style:normal;
  358. font-weight:normal;
  359. letter-spacing:0px;
  360. text-align:justify;
  361. text-decoration:none;
  362. text-transform:none;
  363. }
  364.  
  365. .question {
  366. border:1px solid {color:Border};
  367. color:{color:Text};
  368. font-family:'Open Sans', sans-serif;
  369. font-size:11px;
  370. font-style:normal;
  371. font-weight:normal;
  372. letter-spacing:0px;
  373. margin-bottom:10px;
  374. padding:20px;
  375. text-align:justify;
  376. text-decoration:none;
  377. text-transform:none;
  378. }
  379.  
  380. .asker {
  381. color:{color:Asker};
  382. font-family:'Open Sans', sans-serif;
  383. font-size:11px;
  384. font-style:normal;
  385. font-weight:bold;
  386. letter-spacing:0px;
  387. text-align:justify;
  388. text-decoration:none;
  389. text-transform:uppercase;
  390. }
  391.  
  392. .asker a {
  393. border-bottom:1px solid {color:Border};
  394. color:{color:Asker};
  395. }
  396.  
  397. .asker a:hover {
  398. color:{color:Hover};
  399. }
  400.  
  401. .playbutton {
  402. height:28px;
  403. overflow:hidden;
  404. padding:5px;
  405. position:relative;
  406. width:25px;
  407. }
  408.  
  409. .playbox {
  410. background:{color:Audio Background};
  411. margin-left:17px;
  412. margin-top:17px;
  413. opacity:0.7;
  414. position:absolute;
  415. }
  416.  
  417. .audiodesc {
  418. color:{color:Text};
  419. font-family:'Open Sans', sans-serif;
  420. font-size:10px;
  421. font-style:normal;
  422. font-weight:normal;
  423. letter-spacing:0px;
  424. margin-left:5px;
  425. margin-top:0px;
  426. padding:17px;
  427. position:relative;
  428. text-align:left;
  429. text-decoration:none;
  430. text-transform:uppercase;
  431. }
  432.  
  433. #info {
  434. color:{color:Text};
  435. font-family:'Open Sans', sans-serif;
  436. font-size:10px;
  437. font-style:normal;
  438. font-weight:normal;
  439. letter-spacing:0px;
  440. margin-bottom:50px;
  441. margin-top:20px;
  442. text-align:left;
  443. text-decoration:none;
  444. text-transform:uppercase;
  445. }
  446.  
  447. #info a {
  448. color:{color:Link};
  449. }
  450.  
  451. #info a:hover {
  452. color:{color:Hover};
  453. }
  454.  
  455. #tags {
  456. color:{color:Text};
  457. font-family:'Open Sans', sans-serif;
  458. font-size:10px;
  459. font-style:normal;
  460. font-weight:normal;
  461. letter-spacing:0px;
  462. text-align:left;
  463. text-decoration:none;
  464. text-transform:uppercase;
  465. }
  466.  
  467. #tags a {
  468. color:{color:Link};
  469. }
  470.  
  471. #tags a:hover {
  472. color:{color:Hover};
  473. }
  474.  
  475. #notes {
  476. color:{color:Text};
  477. font-family:'Open Sans', sans-serif;
  478. font-size:10px;
  479. font-style:normal;
  480. font-weight:normal;
  481. letter-spacing:0px;
  482. text-align:left;
  483. text-decoration:none;
  484. text-transform:uppercase;
  485. width:400px;
  486. }
  487.  
  488. #notes a {
  489. color:{color:Link};
  490. }
  491.  
  492. #notes a:hover {
  493. color:{color:Hover};
  494. }
  495.  
  496. #notes img {
  497. display:none;
  498. }
  499.  
  500. .pagination {
  501. color:{color:Text};
  502. font-family:'Open Sans', sans-serif;
  503. font-size:10px;
  504. font-style:normal;
  505. font-weight:normal;
  506. letter-spacing:0px;
  507. margin-bottom:100px;
  508. text-align:center;
  509. text-decoration:none;
  510. text-transform:uppercase;
  511. width:400px;
  512. }
  513.  
  514. .pagination a {
  515. color:{color:Link};
  516. }
  517.  
  518. .pagination a:hover {
  519. color:{color:Hover};
  520. }
  521.  
  522. #credit {
  523. background:{color:Credit Background};
  524. border:1px solid {color:Border};
  525. bottom:15px;
  526. color:{color:Credit};
  527. float:right;
  528. font-family:'Open Sans', sans-serif;
  529. font-size:10px;
  530. font-style:normal;
  531. font-weight:normal;
  532. letter-spacing:0px;
  533. padding:5px;
  534. position:fixed;
  535. right:15px;
  536. text-align:justify;
  537. text-decoration:none;
  538. text-transform:uppercase;
  539. }
  540.  
  541. #credit a {
  542. border-bottom:none;
  543. color:{color:Credit};
  544. }
  545.  
  546. #credit a:hover {
  547. color:{color:Hover};
  548. }
  549.  
  550. {CustomCSS}</style></head><body>
  551.  
  552. <div id="header">
  553.  
  554. <div id="tscontainer">
  555.  
  556. <div class="title">{text:Title}</div>
  557.  
  558. <div class="subtitle">{text:Subtitle}</div>
  559.  
  560. </div>
  561.  
  562. </div>
  563.  
  564. <div id="container">
  565.  
  566. <div id="border"></div>
  567.  
  568. <div id="border1"></div>
  569.  
  570. <div id="border2"></div>
  571.  
  572. <div id="border3"></div>
  573.  
  574. <div id="sidebar">
  575.  
  576. <div class="image"><img src="{image:Image}"/></div>
  577.  
  578. <div class="description">{Description}</div>
  579.  
  580. <div class="links">
  581. <a href="/"><i class="fa fa-angle-right" aria-hidden="true"></i><font style="float:right;">Home</font></a>
  582. <a href="/ask"><i class="fa fa-angle-right" aria-hidden="true"></i><font style="float:right;">Ask</font></a>
  583. {block:ifLink1}<a href="{text:Link 1}"><i class="fa fa-angle-right" aria-hidden="true"></i><font style="float:right;">{text:Link 1 Title}</font></a>{/block:ifLink1}
  584. {block:ifLink2}<a href="{text:Link 2}"><i class="fa fa-angle-right" aria-hidden="true"></i><font style="float:right;">{text:Link 2 Title}</font></a>{/block:ifLink2}
  585. {block:ifLink3}<a href="{text:Link 3}"><i class="fa fa-angle-right" aria-hidden="true"></i><font style="float:right;">{text:Link 3 Title}</font></a>{/block:ifLink3}
  586. <a href="/archive"><i class="fa fa-angle-right" aria-hidden="true"></i><font style="float:right;">Archive</font></a>
  587. </div>
  588.  
  589. </div>
  590.  
  591. <div id="posts">
  592. {block:Posts}
  593. <div class="entries">
  594.  
  595. {block:Photo}<img src="{PhotoURL-400}">
  596. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  597. {/block:Photo}
  598.  
  599. {block:Photoset}{Photoset}
  600. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  601. {/block:Photoset}
  602.  
  603. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  604.  
  605. {block:Quote}<div id="quote">❝{Quote}</i>❞{block:Source} — {Source}</div>{/block:Source}{/block:Quote}
  606.  
  607. {block:Link}<div id="website"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  608.  
  609. <div id="chat">
  610. {block:Chat}
  611. {block:Title}
  612. <h1>{Title}</h1>
  613. {/block:Title}
  614. {block:Lines}
  615. {block:Label}<b>{Label}</b>{/block:Label}
  616. {Line}<br>
  617. {/block:Lines}{/block:Chat}
  618. </div>
  619.  
  620. {block:Audio}
  621. <table><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  622. {block:AlbumArt}<img src="{AlbumArtURL}" height="70" width="70">{/block:AlbumArt}</td>
  623. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td></tr></table>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  624. {/block:Audio}
  625.  
  626. {block:Video}
  627. {Video-400}
  628. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  629. {/block:Video}
  630.  
  631. {block:Answer}
  632. <div class="question">
  633. <span class="asker"><a href="{AskerURL}">{Asker}</a></span> {Question}</div>
  634. {Answer}
  635. {/block:Answer}
  636. </div>
  637.  
  638. {block:Date}<div id="info">posted with <a href="{Permalink}">{NoteCount}</a> notes on {Month} {DayOfMonth}, {Year} {/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(orig <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  639.  
  640. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  641. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}</div>
  642.  
  643. {/block:Posts}
  644.  
  645. {block:IndexPage}
  646. <div class="pagination">
  647. {block:PreviousPage}
  648. <a href="{PreviousPage}">previous</a>
  649. {/block:PreviousPage}
  650. {CurrentPage} out of {TotalPages}
  651. {block:NextPage}
  652. <a href="{NextPage}">next</a>
  653. {/block:NextPage}
  654. </div>
  655. {/block:IndexPage}
  656.  
  657. </div>
  658.  
  659. <div id="credit">
  660. <a href="http://extasisthemes.tumblr.com/">ET</a>
  661. </div>
  662.  
  663. </body>
  664. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement