API tools faq
paste
Advertisement
imbetterthanu

THEME 10 / PRESSURE

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