API tools faq
paste
Advertisement
imbetterthanu

THEME 12 / WICKED GRACE

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