API tools faq
paste
Advertisement
theirins

STYLE / theme #16

theirins
Feb 15th, 2015
5,933
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.86 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme #16 by theirins
  4.  
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html>
  9. <head>
  10.  
  11.  
  12. <title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!--Default Variables-->
  19.  
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:text" content="#8c8c8c"/>
  22. <meta name="color:link" content="#8c8c8c"/>
  23. <meta name="color:linkhover" content="#6b6b6b"/>
  24. <meta name="color:scrollbar" content="#d5d5d5" />
  25. <meta name="color:borders" content="#f3f3f3"/>
  26. <meta name="color:bgs" content="#fbfbfb" />
  27. <meta name="color:tagsbg" content="#f8f8f8" />
  28. <meta name="color:tagshoverbg" content="#000000" />
  29. <meta name="color:tagshoverfont" content="#ffffff" />
  30.  
  31. <meta name="image:sidebar" content="http://puu.sh/fXMnP/07401a2b1c.png" />
  32. <meta name="text:font" content="arial" />
  33.  
  34. <meta name="text:link1" content="/" />
  35. <meta name="text:link1 Title" content="link" />
  36. <meta name="text:link2" content="/" />
  37. <meta name="text:link2 Title" content="link" />
  38. <meta name="text:link3" content="/" />
  39. <meta name="text:link3 Title" content="link" />
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. ::-webkit-scrollbar{height: 5px;
  45. width: 5px;
  46. background-color:{color:background}}
  47. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  48. ::-webkit-scrollbar-track{background-color:{color:background};}
  49.  
  50.  
  51. blockquote {
  52. padding-left:9px;
  53. margin:6px 10px 6px 5px;
  54. border-left:1px solid {color:borders};
  55. max-width:400px!important;
  56. }
  57.  
  58.  
  59. body {
  60. background:{color:background};
  61. color:{color:text};
  62. font-family:{text:font};
  63. font-size:9px;
  64. text-align:justify;
  65. margin:0;
  66. line-height:15px;
  67. }
  68.  
  69.  
  70. a {
  71. text-decoration:none;
  72. color:{color:link};
  73. -moz-transition-duration:0.5s;
  74. -webkit-transition-duration:0.5s;
  75. -o-transition-duration:0.5s;
  76. }
  77.  
  78. a:hover {
  79. text-decoration:none;
  80. color:{color:linkhover};
  81. -moz-transition-duration:0.5s;
  82. -webkit-transition-duration:0.5s;
  83. -o-transition-duration:0.5s;
  84. }
  85.  
  86.  
  87. b, strong {
  88. color:{color:text}}
  89. i, em {
  90. color:{color:text}}
  91. p {
  92. margin-top:5px;
  93. margin-bottom:5px}
  94. ol {
  95. list-style:normal;}
  96. ul {
  97. list-style:square;}
  98.  
  99. small {
  100. font-size:9px;}
  101.  
  102. sub {
  103. font-size:9px;}
  104.  
  105. big {
  106. font-size:12px;}
  107.  
  108.  
  109.  
  110.  
  111. #title {
  112. font-size:12px;
  113. line-height:18px;
  114. font-weight:bold;
  115. text-transform:uppercase;
  116. margin-bottom:9px;
  117. text-align:justify;
  118. color:{color:text};
  119. }
  120.  
  121. #title a {
  122. color:{color:text};
  123. }
  124.  
  125.  
  126.  
  127. #side {
  128. position:fixed;
  129. margin-top:100px;
  130. margin-left:100px;
  131. background-color:{color:bgs};
  132. width:170px;
  133. }
  134.  
  135. #side:hover #description {
  136. opacity:1;
  137. -moz-transition-duration:0.5s;
  138. -webkit-transition-duration:0.5s;
  139. -o-transition-duration:0.5s;
  140. }
  141.  
  142. #description {
  143. position:fixed;
  144. width:140px;
  145. margin-left:7px;
  146. padding:8px 8px 8px 8px;
  147. background-color:{color:background};
  148. color:{color:text};
  149. text-align:justify;
  150. opacity:0;
  151. margin-top:40px;
  152. }
  153.  
  154.  
  155. #sidebarimg {
  156. width:170px;
  157. }
  158.  
  159. #sidebarimg img {
  160. width:170px;
  161. }
  162.  
  163.  
  164. #navi {
  165. text-align:center;
  166. padding-top:3px;
  167. padding-bottom:3px;
  168. width:170px;
  169. }
  170.  
  171. #navi a {
  172. display:block;
  173. font-family:{text:font};
  174. background-color:{color:background};
  175. font-size:7px;
  176. letter-spacing:1px;
  177. margin-bottom:3px;
  178. margin-left:6px;
  179. margin-right:6px;
  180. padding:4px 4px 4px 4px;
  181. border-bottom:1px solid {color:borders};
  182. color:{color:text};
  183. text-align:center;
  184. text-transform:uppercase;
  185. }
  186.  
  187. #navi a:hover {
  188. color:{color:link};
  189. background-color:{color:bgs};
  190. }
  191.  
  192.  
  193. #blogt {
  194. font-size:9px;
  195. font-family:{text:font};
  196. font-weight:bold;
  197. text-transform:uppercase;
  198. text-align:right;
  199. letter-spacing:1px;
  200. padding:6px 6px 6px 6px;
  201. }
  202.  
  203.  
  204. #pagination {
  205. width:432px;
  206. text-align:center;
  207. margin:50px 0;
  208. text-transform:uppercase;
  209. letter-spacing:1px;
  210. font-size:15px;
  211. }
  212.  
  213. #pagination a {
  214. line-height:14px;
  215. padding:0 5px;
  216. }
  217.  
  218.  
  219. #entries {
  220. margin-top:75px;
  221. margin-left:380px;
  222. width:400px;
  223. }
  224.  
  225.  
  226.  
  227. #posts {
  228. width:400px;
  229. {block:IndexPage}
  230. margin-bottom:75px;
  231. {/block:IndexPage}
  232. {block:PermalinkPage}
  233. margin-bottom:50px;
  234. {/block:PermalinkPage}
  235. }
  236.  
  237. #posts img {
  238. max-width:400px;
  239. }
  240.  
  241.  
  242. #tquote {
  243. font-size:11px;
  244. line-height:16px;
  245. font-family:{text:font};
  246. text-align:justify;
  247. padding:12px 12px 12px 12px;
  248. color:{color:text};
  249. font-weight:bold;
  250. background-image: url("http://puu.sh/dKgp9/bbf2690826.png");
  251. min-height:20px;
  252. background-repeat:no-repeat;
  253. }
  254.  
  255. #source {
  256. text-align:left;
  257. font-size:10px;
  258. padding:12px 12px 12px 12px;
  259. }
  260.  
  261.  
  262.  
  263. .playbutton {
  264. overflow:hidden;
  265. position:relative;
  266. z-index:1000;
  267. width:26px;
  268. height:26px;
  269. margin:11px 11px 11px 11px;
  270. }
  271.  
  272. .playbox {
  273. float:left;
  274. background-color:#000;
  275. position:absolute;
  276. z-index:1000;
  277. width:50px;
  278. height:50px;
  279. margin:10px;
  280. -webkit-border-radius:50px;
  281. -moz-border-radius:50px;
  282. opacity:0.2;
  283. -moz-transition-duration:0.6s;
  284. -webkit-transition-duration:0.6s;
  285. -o-transition-duration:0.6s;
  286. }
  287.  
  288. .playbox:hover {
  289. opacity:0.9;
  290. -moz-transition-duration:0.6s;
  291. -webkit-transition-duration:0.6s;
  292. -o-transition-duration:0.6s;
  293. }
  294.  
  295. .info {
  296. float:right;
  297. font-size:9px;
  298. text-align:left;
  299. width:300px;
  300. background-color:{color:bgs};
  301. padding:12px;
  302. height:46px;
  303. line-height:150%;
  304. font-family:arial;
  305. letter-spacing:0px;
  306. font-family:arial;
  307. text-transform:lowercase;
  308. }
  309.  
  310. .info i {
  311. font-family:arial;
  312. font-style:normal;
  313. font-weight:bold;
  314. font-size:9px;
  315. text-transform:uppercase;
  316. }
  317.  
  318. .info b {
  319. font-family:arial;
  320. font-size:9px;
  321. text-transform:uppercase;
  322. }
  323.  
  324. .cover {
  325. position:relative;
  326. z-index:1;
  327. width:50px;
  328. height:50px;
  329. outline:10px solid {color:bgs};
  330. margin:10px;
  331. }
  332.  
  333.  
  334.  
  335. #question {
  336. padding:15px;
  337. background-color:{color:bgs};
  338. border-bottom:1px solid {color:borders};
  339. }
  340.  
  341. #answer {
  342. padding:2px 0px 2px 0px;
  343. }
  344.  
  345.  
  346.  
  347. .chat ol {
  348. padding:0;
  349. line-height:180%;
  350. list-style:none;
  351. }
  352.  
  353. .line.odd {
  354. background:{color:bgs};
  355. padding:5px;
  356. }
  357.  
  358. .line.even {
  359. padding:5px;
  360. }
  361.  
  362. .label {
  363. font-weight:bold;
  364. padding-right:1px;
  365. letter-spacing:1px;
  366. text-transform:uppercase;
  367. color:{color:text};
  368. }
  369.  
  370.  
  371.  
  372.  
  373. #permalink {
  374. margin-top:2px;
  375. font:7px {text:font};
  376. padding:5px 5px 5px 3px;
  377. text-align:left;
  378. letter-spacing:1px;
  379. text-transform:uppercase;
  380. border-bottom:1px solid {color:borders};
  381. }
  382.  
  383. #permalink a:hover {
  384. color:{color:link};
  385. }
  386.  
  387.  
  388. .tags {
  389. text-align:justify;
  390. font-size:7px;
  391. font-family:{text:font};
  392. letter-spacing:1px;
  393. padding:5px 3px 0px 0px;
  394. text-transform:uppercase;
  395. }
  396.  
  397. .tags a {
  398. color:{color:link};
  399. background:{color:tagsbg};
  400. padding:3px 3px 3px 3px;
  401. margin:5px 5px 0px 0px;
  402. line-height:15px;
  403. }
  404.  
  405. .tags a:hover {
  406. color:{color:tagshoverfont};
  407. background-color:{color:tagshoverbg};
  408. }
  409.  
  410.  
  411.  
  412. .pagenotes {
  413. {block:IndexPage}
  414. display:none!important;
  415. {/block:IndexPage}
  416. {block:PermalinkPage}
  417. width:400px;
  418. {/block:PermalinkPage}
  419. text-align:left;
  420. }
  421.  
  422. .pagenotes img {
  423. display:none!important;
  424. }
  425.  
  426. .pagenotes li {
  427. list-style-type:none;
  428. padding:5px 0px;
  429. text-align:left;
  430. margin:0 0 0 -40px;
  431. font-size:10px;
  432. text-transform:lowercase;
  433. }
  434.  
  435. .t {
  436. font-size:12px;
  437. font-weight:bold;
  438. letter-spacing:1px;
  439. color:{color:title};
  440. text-transform:uppercase;}
  441.  
  442.  
  443. #cred {
  444. font-family:arial;
  445. font-size:9px;
  446. letter-spacing:1px;
  447. bottom:15px;
  448. font-style:none;
  449. right:20px;
  450. position:fixed;
  451. }
  452.  
  453.  
  454.  
  455. {CustomCSS}
  456.  
  457.  
  458. </style>
  459.  
  460.  
  461.  
  462. </head>
  463.  
  464.  
  465. <body>
  466.  
  467. <div id="cred">
  468. <a href="http://theirins.tumblr.com/">▲</a>
  469. </div>
  470.  
  471. <div id="con">
  472.  
  473. <div id="side">
  474. <div id="blogt">{Title};</div>
  475. <div id="description">{Description}</div>
  476. <div id="sidebarimg"><img src="{image:sidebar}"></div>
  477. <div id="navi">
  478. <a href="/">refresh</a>
  479. <a href="/ask">message</a>
  480. {block:iflink1}<a href="{text:link1}">{text:link1 title}</a>{/block:iflink1}
  481. {block:iflink2}<a href="{text:link2}">{text:link2 title}</a>{/block:iflink2}
  482. {block:iflink3}<a href="{text:link3}">{text:link3 title}</a>{/block:iflink3}
  483. </div>
  484.  
  485.  
  486.  
  487.  
  488. </div>
  489.  
  490.  
  491.  
  492.  
  493. <div id="entries">
  494.  
  495. {block:Posts}
  496. <div id="posts">
  497.  
  498.  
  499. {block:Quote}
  500. <div id="tquote">{Quote}</div>
  501. {block:Source}<div id="source">– {Source}</div>{/block:Source}
  502. {/block:Quote}
  503.  
  504.  
  505.  
  506. {block:Text}
  507. {block:Title}
  508. <div id="title">{Title}</div>{/block:Title}
  509. {Body}
  510. {/block:Text}
  511.  
  512.  
  513. {block:Link}
  514. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  515. {/block:Link}
  516.  
  517.  
  518. {block:Chat}
  519. {block:Title}
  520. <h1>{Title}</h1>
  521. {/block:Title}
  522. <div class="chat">
  523. <ol>{block:Lines}
  524. <li class="line {Alt}">
  525. {block:Label}
  526. <span class="label">
  527. {Label}</span>
  528. {/block:Label}{Line}</li>
  529. {/block:Lines}
  530. </ol></div>
  531. {/block:Chat}
  532.  
  533.  
  534. {block:Photo}
  535. <center>
  536. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  537. </center>
  538. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  539. {/block:Photo}
  540.  
  541.  
  542. {block:Photoset}
  543. <center>
  544. {Photoset-400}
  545. </center>
  546. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  547. {/block:Photoset}
  548.  
  549.  
  550. {block:Video}
  551. {Video-400}
  552. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  553. {/block:Video}
  554.  
  555.  
  556.  
  557. {block:Audio}
  558. {block:AudioPlayer}
  559. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  560. {block:AlbumArt}
  561. <img src="{AlbumArtURL}" class="cover">
  562. {/block:AlbumArt}
  563. <div class="info">
  564. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  565. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  566. <b>Plays:</b> {PlayCountWithLabel}
  567. </div>
  568. {/block:AudioPlayer}
  569. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  570. {/block:Audio}
  571.  
  572.  
  573. {block:Answer}<div id="caption">
  574. <div id="question"><strong>{Asker}:</strong><br> {Question}</div>
  575. <div id="answer">{Answer}</div></div>{/block:answer}
  576.  
  577.  
  578.  
  579.  
  580. {block:Date}
  581. {/block:Date}
  582. <div id="permalink">
  583. {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{/block:Date}{block:NoteCount} @ {12Hour}:{Minutes}{CapitalAmPm} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  584. </div>
  585. <div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>
  586. </div>
  587.  
  588.  
  589.  
  590. {block:PermalinkPage}
  591. {/block:PermalinkPage}
  592. <div class="pagenotes">
  593. {block:NoteCount}<div class="t">notes</div>{/block:NoteCount}
  594. {PostNotes}
  595. </ol>
  596.  
  597.  
  598.  
  599. </div>
  600. {/block:PostNotes}
  601. {/block:Posts}
  602.  
  603.  
  604. <div id="pagination">
  605. {block:Pagination}
  606. {block:PreviousPage}
  607. <a href="{PreviousPage}">&larr;</a>
  608. {/block:PreviousPage}
  609.  
  610.  
  611. {block:NextPage}
  612. <a href="{NextPage}">&rarr;</a>
  613. {/block:NextPage}
  614. {/block:Pagination}
  615. </div>
  616.  
  617.  
  618.  
  619. </div>
  620.  
  621. {block:ContentSource}
  622. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  623. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  624. {/block:SourceLogo}
  625. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  626. {/block:ContentSource}
  627.  
  628. {block:ReblogParentUrl}
  629. <!-- {URL}{block:SourceLogo}<img src="{BlackLogoURL}"
  630. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  631. {/block:SourceLogo}
  632. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  633. {/block:ReblogParentUrl}
  634.  
  635.  
  636. </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!