API tools faq
paste
Advertisement
musecentral

theme #27. dress

musecentral
Nov 29th, 2017
1,222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.19 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.  
  3. <!-- musecentral theme twenty seven ◆ dress
  4.  
  5. ◆ do not steal any parts of the coding & use as your own.
  6. ◆ do not use as a base code.
  7. ◆ do not remove ANY part of the credits on this theme.
  8. ◆ please enjoy! be sure that you liked/rebloged the info post! -->
  9.  
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  15. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  16. <link href="https://fonts.googleapis.com/css?family=Meddon" rel="stylesheet">
  17. <link rel=“stylesheet” href=“https://cdn.linearicons.com/free/1.0.0/icon-font.min.css”>
  18. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
  19. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  20. <link href="https://fonts.googleapis.com/css?family=Varela" rel="stylesheet">
  21.  
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28.  
  29. <meta name="color:accent" content="#ffffff"/>
  30. <meta name="color:background" content="#ffffff"/>
  31. <meta name="color:Text" content="#bbbbbb"/>
  32. <meta name="color:Link" content="#aaaaaa"/>
  33. <meta name="color:Tags" content="#cccccc"/>
  34. <meta name="color:Hover" content="#f1f1f1"/>
  35. <meta name="color:Line" content="#f2f2f2"/>
  36. <meta name="color:Border" content="#eeeeee"/>
  37. <meta name="color:post" content="#eeeeee"/>
  38. <meta name="color:scrollbarbg" content="ffffff"/>
  39.  
  40. <meta name="image:icon" content=""/>
  41. <meta name="image:icon2" content=""/>
  42. <meta name="image:icon3" content=""/>
  43. <meta name="image:icon4" content=""/>
  44. <meta name="image:background" content=""/>
  45.  
  46. <meta name="text:title" content="silence & patience" />
  47. <meta name="text:subtitle" content="pining and desperately waiting" />
  48. <meta name="text:about" content="stats go here." />
  49.  
  50. <meta name="text:home" content="index"/>
  51. <meta name="text:ask" content="ask"/>
  52. <meta name="text:linkA" content="">
  53. <meta name="text:linkA url" content="/">
  54. <meta name="text:linkB" content="">
  55. <meta name="text:linkB url" content="/">
  56. <meta name="text:linkC" content="">
  57. <meta name="text:linkC url" content="/">
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64. ::-webkit-scrollbar {
  65. width: 5px;height: 5px;}
  66. ::-webkit-scrollbar-button:start:decrement,
  67. ::-webkit-scrollbar-button:end:increment {
  68. height: 6px;display: block;background-color: {color:white};}
  69. ::-webkit-scrollbar-track-piece {
  70. background-color: {color:scrollbarbg};}
  71. ::-webkit-scrollbar-thumb:vertical {
  72. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  73.  
  74.  
  75. @font-face { font-family: sareeka; src: url('https://dl.dropboxusercontent.com/s/8mdgs7x3ws51sh6/Sareeka-demo.ttf?dl=0') ; }
  76.  
  77.  
  78. body {
  79. background:white;
  80. margin:0px;
  81. color:{color:text};
  82. font-family:Helvetica;
  83. font-size:11px;
  84. line-height:100%;
  85. background-image:url('{image:background}') ;
  86. }
  87.  
  88. a {
  89. text-decoration:none;
  90. -moz-outline-style:none;
  91. color:{color:link};
  92. }
  93.  
  94. img {
  95. border:none;
  96. }
  97.  
  98. b, strong {
  99. font-weight:bold;
  100. background:{color:accent};
  101. color:{color:background};
  102. }
  103.  
  104.  
  105. h1 {
  106. font-size:12px;
  107. text-transform:uppercase;
  108. }
  109.  
  110. blockquote {
  111. padding-left:5px;
  112. border-left:2px solid;
  113. }
  114.  
  115. blockquote blockquote {
  116. padding-left:5px;
  117. border-left:2px solid;
  118. }
  119.  
  120.  
  121. a:hover {
  122. opacity:1;
  123. color:{color:hover};
  124. -webkit-transition: all 0.5s ease;
  125. -moz-transition: all 0.5s ease;
  126. -o-transition: all 0.5s ease
  127. }
  128.  
  129.  
  130. #sidebar {
  131. position:fixed;
  132. width:120px;
  133. margin-left:130px;
  134. margin-top:150px;
  135. opacity:1;
  136. }
  137.  
  138. #abt {
  139. font-family: 'Montserrat', sans-serif;
  140. }
  141.  
  142. .icons {
  143. margin-top:40px;
  144. margin-left:-380px;
  145. position:fixed;
  146. width:200px;
  147. line-height:90%;
  148. letter-spacing:7px;
  149. opacity:0.7;
  150. }
  151.  
  152. .icons img {
  153. opacity:1;
  154. width:80px;
  155. padding:5px;
  156. height:80px;
  157. }
  158.  
  159.  
  160. .desc {
  161. position:fixed;
  162. margin-top:180px;
  163. margin-left:-368px;
  164. font-family: 'Montserrat', sans-serif;
  165. letter-spacing:0px;
  166. line-height:180%;
  167. font-size:9px;
  168. font-style:normal;
  169. width:100px;
  170. height:400px;
  171. overflow:auto;
  172. padding:9px;
  173. text-align:justify;
  174. color:{color:text};
  175. }
  176.  
  177. .desc a
  178. {color:{color:text};
  179. -moz-transition-duration:0.6s;
  180. -webkit-transition-duration:0.6s;
  181. -o-transition-duration:0.6s;
  182. }
  183.  
  184.  
  185. #title1 {
  186. font-size:80px;
  187. font-family: sareeka;
  188. position:fixed;
  189. text-transform:lowercase;
  190. width:450px;
  191. letter-spacing:0px;
  192. line-height:100%;
  193. text-align:center;
  194. z-index:9999999;
  195. margin-top:40px;
  196. opacity:0.5;
  197. position:fixed;
  198. margin-left:-230px;
  199. color:{color:line};
  200. text-shadow: 2px 2px {color:accent};
  201. }
  202.  
  203. #title2 {
  204.  
  205. font-size:10px;
  206. font-family:'Montserrat', sans-serif;
  207. position:fixed;
  208. font-style:italic;
  209. width:444px;
  210. letter-spacing:3px;
  211. padding-bottom:7px;
  212. position:fixed;
  213. text-transform:uppercase;
  214. line-height:150%;
  215. text-align:center;
  216. z-index:9999;
  217. padding:3px;
  218. color:{color:link};
  219. margin-top:95px;
  220. margin-left:-235px;
  221. opacity:0.4;
  222.  
  223. }
  224.  
  225.  
  226. .links {
  227. position:fixed;
  228. margin-top:140px;
  229. margin-left:-235px;
  230. width:450px;
  231. word-spacing:1px;
  232. line-height:100%;
  233. font-size: 8px;
  234. font-family: 'Montserrat', sans-serif;
  235. text-align:center;
  236. text-transform:uppercase;
  237. font-weight:none;
  238. }
  239.  
  240. .links a {
  241. color:{color:links};
  242. font-size: 8px;
  243. display: inline-block;
  244. padding:7px;
  245. letter-spacing:2px;
  246. margin-bottom:8px;
  247. margin-right:8px;
  248. -webkit-transition: all 0.5s ease;
  249. -moz-transition: all 0.5s ease;
  250. -o-transition: all 0.5s ease
  251. }
  252.  
  253. .links a:hover {
  254. color:{color:Hover};
  255. -webkit-transition: all 0.5s ease;
  256. -moz-transition: all 0.5s ease;
  257. -o-transition: all 0.5s ease
  258. }
  259.  
  260.  
  261. #pagi{
  262. width:100px;
  263. font-size:9px;
  264. text-align:center;
  265. margin-left:-360px;
  266. margin-top:615px;
  267. z-index:9999999;
  268. text-transform:uppercase;
  269. position:fixed;
  270. font-family: 'Montserrat', sans-serif;
  271. letter-spacing:0px;
  272. }
  273.  
  274. #pagi a {
  275. color:{color:link};
  276. }
  277.  
  278.  
  279. #all {
  280. padding:10px;
  281. width:500px;
  282. margin-left:700px;
  283. margin-top:-15px;
  284. font-size:10px;
  285. top: 50%;
  286. left: 50%;
  287. }
  288.  
  289. #content {
  290. margin-top:150px;
  291. margin-left:355px;
  292. }
  293.  
  294. #container {
  295. background-color:{color:background};
  296. width:430px;
  297. height:420px;
  298. overflow:auto;
  299. padding:10px;
  300. z-index:9999999;
  301. margin-top:25px;
  302. margin-left:120px;
  303. position:fixed;
  304. }
  305.  
  306. #posts {
  307. width:400px;
  308. padding-bottom:20px;
  309. padding:15px;
  310. margin-top:10px;
  311. background-color:{color:Post};
  312. }
  313.  
  314. #background {
  315. background:{color:post};
  316. width:610px;
  317. height:600px;
  318. margin-top:-125px;
  319. position:fixed;
  320. z-index:-999;
  321. margin-left:325px;
  322. border-bottom:20px solid {color:accent};
  323. }
  324.  
  325. .quote{
  326. font-size:30px;
  327. font-family: 'Montserrat', sans-serif;
  328. text-align:left;
  329. line-height:100%;
  330. background:transparent;
  331. }
  332.  
  333. .qsource{
  334. text-align:right;
  335. margin-bottom:10px;
  336. color:{color:links};
  337. font-size:9px;
  338. letter-spacing:2px;
  339. font-style:italic;
  340. font-family: 'Montserrat', sans-serif;
  341. text-decoration:uppercase;
  342. padding:7px;
  343. }
  344.  
  345. .question {
  346. padding:13px;
  347. background:{color:background};
  348. font-family: 'Montserrat', sans-serif;
  349. }
  350.  
  351.  
  352. .asker {
  353. color:{color:text};
  354. padding-left:5px;
  355. padding:2px;
  356. font-family: 'Montserrat', sans-serif;
  357. text-transform:lowercase;
  358. background:{color:accent};
  359. }
  360.  
  361. .asker a {
  362. color:{color:link};
  363. font-family: sareeka;
  364. text-transform:lowercase;
  365. font-size:30px;
  366. background:transparent;
  367. }
  368.  
  369. .answer {
  370. margin:5px;
  371. }
  372.  
  373. .asker b {
  374. color:{color:link};
  375. font-family: sareeka;
  376. text-transform:lowercase;
  377. font-size:30px;
  378. background:transparent;
  379. }
  380.  
  381. /*POST INFO*/
  382.  
  383.  
  384. #info {
  385. width:400px;
  386. text-align:left;
  387. font-family:arial black;
  388. margin-top:-7px;
  389. margin-left:-2px;
  390. letter-spacing:1px;
  391. color:{color:text};
  392. font-size:7px;
  393. font-style:none;
  394. padding:1px;
  395. line-height:10px;
  396. text-transform:uppercase;
  397. z-index:99999;
  398. }
  399.  
  400. #info a {
  401. font-style:none;
  402. text-align:center;
  403. color:{color:Links};
  404. padding-right:5px;
  405. }
  406.  
  407. #info a:hover {
  408. -moz-transition-duration:0.3s;
  409. -webkit-transition-duration:0.3s;
  410. -o-transition-duration:0.3s;
  411. color:{color:accent1}
  412. }
  413.  
  414. .tags {
  415. float:center;
  416. width:425px;
  417. margin-top:0px;
  418. font-family: 'Montserrat', sans-serif;
  419. margin-left:-15px;
  420. text-align:left;
  421. font-size:7px;
  422. padding:2px;
  423. color:{color:text};
  424. font-size:9px;
  425. opacity:1;
  426. transition-duration: 0.5s;
  427. -webkit-transition: all 0.5s ease;
  428. -moz-transition: all 0.5s ease;
  429. -o-transition: all 0.5s ease
  430. }
  431.  
  432. .tags a {
  433. letter-spacing:0px;
  434. font-size:9px;
  435. text-align:center;
  436. font-family: 'Montserrat', sans-serif;
  437. text-decoration:none;
  438. display:inline-block;
  439. color:{color:link};
  440. -webkit-transition: all 0.5s ease;
  441. -moz-transition: all 0.5s ease;
  442. -o-transition: all 0.5s ease
  443. }
  444.  
  445. .tags a:hover {
  446. -webkit-transition: all 0.5s ease;
  447. -moz-transition: all 0.5s ease;
  448. -o-transition: all 0.5s ease
  449. color:{color:Hover};
  450. }
  451.  
  452. #credit { font-family: sareeka;padding: 5px;border-radius:30px;color:{color:text}; position:fixed; bottom:8px; right:2px; font-size:25px; letter-spacing:1px; }
  453.  
  454. #credit a {color:{color:link};}
  455.  
  456.  
  457. {CustomCSS}</style></head><body>
  458.  
  459.  
  460. <div id="all">
  461. <div class="icons">
  462. <img src="{image:icon}" style="width:60px;height:60px;"></a>
  463. <img src="{image:icon2}" style="width:60px;height:60px;"></a><br>
  464. <img src="{image:icon3}" style="width:60px;height:60px;"></a>
  465. <img src="{image:icon4}" style="width:60px;height:60px;"></a>
  466.  
  467. </div>
  468. <div id="title2">{text:subtitle}</div>
  469. <div id="title1">{text:title}</div>
  470. <div class="desc"><div class="abt" style="line-height:110%;text-transform:uppercase;color:{color:hover};padding:5px;text-align:center;border-bottom:1px dotted {color:border};">{text:about}</div>
  471. <div style="padding-top:7px;">
  472. {description} </div>
  473.  
  474. </div>
  475. <div class="links">
  476. <a href="/">{text:home}</a> ●
  477. <a href="/faq">{text:ask}</a> ●
  478. <a href="{text:linkA url}">{text:linkA}</a> ●
  479. <a href="{text:linkB url}">{text:linkB}</a> ●
  480. <a href="{text:linkC url}">{text:linkC}</a>
  481. </div>
  482.  
  483.  
  484. {block:Pagination}<div id="pagi">
  485. {block:PreviousPage}<a href="{PreviousPage}">back</a>&nbsp;&nbsp;{/block:PreviousPage} //
  486. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  487. </div>{/block:Pagination}
  488.  
  489. </div>
  490.  
  491. <div id="content">
  492. <div id="container">
  493. {block:Posts}
  494.  
  495. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  496. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  497.  
  498. <div id="posts">
  499.  
  500. <div id="info" style="background:{color:accent};margin-left:-15px;margin-top:-15px;width:416px;padding:4px;border-bottom:1px dotted {color:border};padding-left:10px;">
  501.  
  502. <h9 style="padding:4px;padding-bottom:5px;color:{color:info background};margin-left:-4px;"><span style="margin-right:-10px;">
  503. <span class="lnr lnr-history" ></span> <a href="{Permalink}">{TimeAgo}</a></span> &nbsp; &nbsp;<span class="lnr lnr-menu-circle"></span> <a href="{Permalink}" >{NoteCount}</a><br></h9></div><br>
  504.  
  505. {block:Text}
  506. <br>
  507. {block:Title}<h1>{Title}</h1>{/block:Title}
  508. {Body}{/block:Text}
  509.  
  510. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  511.  
  512. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  513.  
  514. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  515.  
  516. {block:Quote}<div class"quote" style="font-size:30px; font-family: 'Varela', sans-serif;text-align:justify;color:{color:text};line-height:100%;background:transparent;padding:12px;">❝ {Quote} </div>
  517. {block:Source}<div class="qsource"> -- {Source}</div>
  518. {/block:Source}{/block:Quote}
  519.  
  520. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  521. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  522. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  523. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  524. {/block:Audio}
  525. <br>
  526. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  527.  
  528.  
  529. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  530. <br>
  531.  
  532.  
  533. {block:Answer}<div class="asker"><b style="font-size:30px;padding-left:4px;padding-top:4px;color:{color:text};"> {Asker} </b>asked:</div><div class="question">{Question}</div><div class="answer"><blockquote>{Answer}</blockquote></div>
  534. {/block:Answer}
  535.  
  536.  
  537. {block:HasTags}<div class="tags" style="border-top:1px dotted {color:boder};">
  538. <b style="color:{color:text};padding:2px;margin-left:0px;">Filed under:</b>
  539. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  540. </div>{block:HasTags}
  541. </div>
  542. {/block:Posts}
  543. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  544. {/block:Posts}</div></div></div></div>
  545.  
  546.  
  547. </div>
  548. <div id="background"></div>
  549.  
  550. <br><br>
  551.  
  552. <div id="credit" data="credit"><a href="http://mythclogies.tumblr.com">M</a></div>
  553. </div>
  554.  
  555.  
  556. </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!