API tools faq
paste
Advertisement
diorhaz

theme 36

diorhaz
Apr 3rd, 2014
2,971
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.65 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. <!-- the devil lies in the details -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FFFFFF">
  12. <meta name="color:link" content="#E6E4E4">
  13. <meta name="color:hover" content="#454545">
  14. <meta name="color:infobg" content="#FCFCFC">
  15. <meta name="color:text" content="#9A9A9A">
  16. <meta name="color:tags" content="#EDEDED">
  17. <meta name="color:scrollbar" content="#D6D5D5">
  18. <meta name="color:border" content="#FAFAFA">
  19. <meta name="text:title" content="">
  20.  
  21.  
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:linkA" content="">
  25. <meta name="text:linkA url" content="/">
  26. <meta name="text:linkB" content="">
  27. <meta name="text:linkB url" content="/">
  28. <meta name="text:linkC" content="">
  29. <meta name="text:linkC url" content="/">
  30. <meta name="text:linkD" content="">
  31. <meta name="text:linkD url" content="/">
  32.  
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  35. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="shortcut icon" href="{Favicon}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38.  
  39. <link href='http://fonts.googleapis.com/css?family=Lato:100,400,700,900' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Volkhov:400,400italic' rel='stylesheet' type='text/css'>
  41. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  42.  
  43. <style type="text/css">
  44.  
  45. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  46.  
  47.  
  48.  
  49. a {
  50. color:{color:link};
  51. text-decoration:none;
  52. -moz-transition-duration:0.5s;
  53. -webkit-transition-duration:0.5s;
  54. -o-transition-duration:0.5s;
  55. }
  56.  
  57. a:hover {
  58. color:{color:hover};
  59. text-decoration:none;
  60. -moz-transition-duration:0.5s;
  61. -webkit-transition-duration:0.5s;
  62. -o-transition-duration:0.5s;
  63. }
  64.  
  65.  
  66. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  67. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  68. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  69.  
  70. body {
  71. background-color:{color:bg};
  72. font-family: 'arial', sans-serif;
  73. font-weight:normal;
  74. }
  75.  
  76.  
  77.  
  78.  
  79. h1 {
  80. font-weight:normal;
  81. font-size:8px;
  82. text-align:right;
  83. font-weight:bold;
  84. font-family:inconsolata;
  85. line-height:130%;
  86. padding:5px;
  87. letter-spacing:1px;
  88. background-color:#f3f3f3;
  89. text-transform:uppercase;
  90. color:black;
  91. }
  92.  
  93. h2 {
  94. font-size:11px;
  95. text-align:left;
  96. line-height:100%;
  97. letter-spacing:0px;
  98. color:{color:text};
  99. font-style:italic;
  100. font-weight:normal;
  101. font-family:arial;
  102. border-left:2px solid #f3f3f3;
  103. margin-top:-10px;
  104. padding:15px;
  105. padding-bottom:2px;
  106. }
  107.  
  108.  
  109. blockquote {
  110. border-left:1px dotted #d5d5d5;
  111. padding:8px;
  112. padding-left:6px;
  113. margin:5px;
  114. }
  115.  
  116. #theme {
  117. background-color:{color:bg};
  118. width:700px;
  119. margin: 0 auto -12px auto;
  120. text-align: center;
  121. }
  122.  
  123. #sidebar {
  124. color:{color:text};
  125. position:fixed;
  126. width:180px;
  127. height:auto;
  128. margin-left:600px;
  129. margin-top:180px;
  130. text-align:left;
  131. }
  132.  
  133. #sidebar img {
  134. width:180px;
  135. height:auto;
  136. margin-bottom:-10px;
  137. }
  138.  
  139. #sidebar:hover .links{
  140. margin-top:5px;
  141. }
  142.  
  143. .title {
  144. font-size:28px;
  145. letter-spacing:-2.5px;
  146. font-weight:bold;
  147. line-height:100%;
  148. margin-bottom:10px;
  149. font-family:consolas;
  150. text-align:right;
  151. border-bottom:6px solid #000;
  152. }
  153.  
  154. .title a:hover{
  155. letter-spacing:-2.9px;
  156. color:black;
  157. }
  158.  
  159.  
  160. .links {
  161. margin-bottom:10px;
  162. padding-left:5px;
  163. width:165px;
  164. margin-left:-5px;
  165. font-family: inconsolata;
  166. font-size:8px;
  167. text-transform:uppercase;
  168. text-align:left;
  169. line-height:150%;
  170. word-spacing:3px;
  171. -moz-transition-duration:1s;
  172. -webkit-transition-duration:1s;
  173. -o-transition-duration:1s;
  174. }
  175.  
  176. .links a{
  177. color:{color:link};
  178. font-weight:bold;
  179. padding:2px;
  180. letter-spacing:1px;
  181. text-decoration:none;
  182. -moz-transition-duration:1s;
  183. -webkit-transition-duration:1s;
  184. -o-transition-duration:1s;
  185. }
  186.  
  187. .links a:hover{
  188. color:white;
  189. background-color:black;
  190. -moz-transition-duration:0.5s;
  191. -webkit-transition-duration:0.5s;
  192. -o-transition-duration:0.5s;
  193. }
  194.  
  195. .desc {
  196. margin-bottom:10px;
  197. font-family: arial;
  198. text-transform:lowercase;
  199. text-align:justify;
  200. font-size:9px;
  201. color:{color:text};
  202. letter-spacing:0.4px;
  203. font-weight:normal;
  204. line-height:150%;
  205. -moz-transition-duration:1s;
  206. -webkit-transition-duration:1s;
  207. -o-transition-duration:1s;
  208. }
  209.  
  210. .desc a {
  211. color:{color:link};
  212. }
  213.  
  214. .pagi {
  215. font-size:8px;
  216. text-transform:uppercase;
  217. letter-spacing:1px;
  218. font-style:normal;
  219. font-family:inconsolata;
  220. text-align:left;
  221. }
  222.  
  223. .pagi a {
  224. color:{color:link};
  225. }
  226.  
  227. #stuffcontainer {
  228. float:left;
  229. margin-left:30px;
  230. margin-top:5px;
  231. text-align:justify;
  232. background-color:{color:bg};
  233. color:{color:text};
  234. margin-bottom: 35px;
  235. }
  236.  
  237.  
  238. #stuff {
  239. width:500px;
  240. margin-top:95px;
  241. text-align:justify;
  242. font-size:10px;
  243. line-height:120%;
  244. letter-spacing:0px;
  245. color:{color:text};
  246. }
  247.  
  248. #stuff img:hover{
  249. box-shadow: 0px 0px 0px #010101;
  250. -moz-transition-duration:1s;
  251. -webkit-transition-duration:1s;
  252. -o-transition-duration:1s;
  253. }
  254.  
  255. .caption {
  256. width:500px;
  257. text-align:justify;
  258. line-height:120%;
  259. }
  260.  
  261. .ask {
  262. padding:10px;
  263. text-align:left;
  264. color:{color:text};
  265. background-color:#f3f3f3;
  266. border-bottom:1px dotted {color:border};
  267. }
  268.  
  269. .ans {
  270. text-align:left;
  271. font-style:italic;
  272. padding:10px;
  273. color:{color:text};
  274. }
  275.  
  276. .newplayerbutton {
  277. position: relative;
  278. width: 510px;
  279. height: 50px;
  280. overflow: hidden;
  281. }
  282.  
  283. .playerbuttonhug {
  284. position: absolute;
  285. top: -25px;
  286. left: -10px;
  287. }
  288.  
  289.  
  290. .tumblr_audio_player {
  291. border: none;
  292. padding: 0px;
  293. margin: 0px;
  294. height: 55px;
  295. width: 500px;
  296. }
  297.  
  298.  
  299. .playerbuttonbg:hover {
  300. opacity: 1;
  301. filter: alpha(opacity=100);
  302. -moz-opacity: 1;
  303. -khtml-opacity: 1;
  304. }
  305.  
  306. .audioimgwrapper {
  307. position: absolute;
  308. left: 0px;
  309. top: 0px;
  310.  
  311. overflow: hidden;
  312. width: 88px;
  313. height: 88px;
  314. }
  315.  
  316. .audioimgwrapper img {
  317. display:none;
  318. width:0px;
  319. height:0px;
  320. }
  321.  
  322. .trackdetails {
  323. display:none;
  324. }
  325.  
  326. .audiowrapper {
  327. position: relative;
  328. display:inline-block;
  329. }
  330.  
  331. #postinfo {
  332. width:495px;
  333. padding:5px;
  334. font-size:7.5px;
  335. color:{color:link};
  336. text-transform:lowercase;
  337. font-style:normal;
  338. letter-spacing:0.3px;
  339. text-align:right;
  340. -moz-transition-duration:0.5s;
  341. -webkit-transition-duration:0.5s;
  342. -o-transition-duration:0.5s;
  343. }
  344.  
  345. #postinfo a {
  346. color:{color:link};
  347. text-align:center;
  348. letter-spacing:0.5px;
  349. font-size:9px;
  350. font-style:normal;
  351. }
  352.  
  353. #postinfo a:hover {
  354. color:{color:hover};
  355. }
  356.  
  357. .note {
  358. text-transform:lowercase;
  359. font-style:normal;
  360. letter-spacing:0px;
  361. font-size: 9px;
  362. text-align:left;
  363. line-height:90%;
  364. margin-left:-40px;
  365. margin-top: 50px;
  366. }
  367.  
  368. .note li {
  369. list-style-type:none;
  370. padding:10px 10px 10px 10px;
  371. text-align:left;
  372. margin:0px;
  373. -moz-transition-duration:0.5s;
  374. -webkit-transition-duration:0.5s;
  375. -o-transition-duration:0.5s;
  376. }
  377.  
  378. .note img{
  379. display:none;
  380. }
  381.  
  382. .note li:hover{
  383. font-style:none;
  384. background: {color:infobg};
  385. }
  386. .tags {
  387. font-style:normal;
  388. width:500px;
  389. font-family:inconsolata;
  390. color:{color:tags};
  391. letter-spacing:2px;
  392. line-height:120%;
  393. text-transform:uppercase;
  394. font-size:8px;
  395. text-align:right;
  396. padding:2px;
  397. -moz-transition-duration:0.5s;
  398. -webkit-transition-duration:0.5s;
  399. -o-transition-duration:0.5s;
  400. }
  401.  
  402. .tags a {
  403. color:{color:tags};
  404. letter-spacing:1px;
  405. padding:1px;
  406. }
  407.  
  408. .tags a:hover {
  409. color:{color:link};
  410. }
  411.  
  412. ul.chat, .chat ol, .chat li {
  413. list-style:none;
  414. margin:0px;
  415. padding:2px;
  416. }
  417.  
  418. .label {
  419. text-decoration:underline;
  420. font-weight:700;
  421. background-color:{color:infobg};
  422. margin-right:5px;
  423. }
  424.  
  425. #credit {
  426. position:fixed;
  427. right:0px;
  428. bottom:0px;
  429. padding:4px;
  430. text-transform:uppercase;
  431. letter-spacing:2px;
  432. font-size:8px;
  433. font-family: arial;
  434. margin-bottom:3px;
  435. margin-right:3px;
  436. border:double;
  437. border-color:#bbb;
  438. background: #fff;
  439.  
  440. }
  441.  
  442. {CustomCSS}
  443.  
  444. </style></head>
  445.  
  446. <body>
  447. <div id="theme">
  448. <div id="sidebar">
  449. <img src="{image:sidebar}">
  450. <div class="title">
  451. <a href="/">{text:title}</a></div>
  452.  
  453. <div class="links">
  454. {block:IfLinkA}
  455. <a href="{text:linkA url}">{text:linkA}</a>,
  456. {/block:IfLinkA}
  457. {block:IfLinkB}
  458. <a href="{text:linkB url}">{text:linkB}</a>,
  459. {/block:IfLinkB}
  460. {block:IfLinkC}
  461. <a href="{text:linkC url}">{text:linkC}</a>,
  462. {/block:IfLinkC}
  463. {block:IfLinkD}
  464. <a href="{text:linkD url}">{text:linkD}</a>
  465. {/block:IfLinkD}
  466.  
  467.  
  468. </div>
  469. <div class="desc">
  470. {Description}
  471. </div>
  472. {block:Pagination}
  473. <br><br><br>
  474. <div class="pagi">
  475. {block:PreviousPage}
  476. <a href="{PreviousPage}">←</a>
  477. {/block:PreviousPage}
  478. {CurrentPage} of {TotalPages}
  479. {block:NextPage}
  480. <a href="{NextPage}">→</a>
  481. {/block:NextPage}
  482. </div>
  483. {/block:Pagination}
  484. </div>
  485.  
  486. <div id="stuffcontainer">
  487.  
  488. {block:Posts}
  489.  
  490. <div id="stuff">
  491.  
  492. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  493.  
  494. {block:Quote}<h1>{Source}</h1><h2>{Quote}</h2>{/block:Quote}
  495.  
  496. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  497. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  498.  
  499. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  500.  
  501. {block:Photoset}<center>{Photoset-500}</center>
  502. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  503.  
  504. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  505.  
  506. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  507.  
  508. {block:Answer}<div class="ask">{Asker} shush: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  509.  
  510. {block:Audio}<div class="audio">
  511. <div class="audioinfo">
  512. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  513. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  514.  
  515. {block:ReblogParentUrl}
  516. <!-- {URL}{block:SourceLogo}<img src="{BlackLogoURL}"
  517. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  518. {/block:SourceLogo}
  519. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  520. {/block:ReblogParentUrl}
  521.  
  522.  
  523. {block:Date}<div id="postinfo"><a href="{Permalink}">{Month} {DayOfMonth} </a> &nbsp;{block:NoteCount} <a href="{Permalink}"> ({NoteCount})</a>{/block:NoteCount}{block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}"> Š </a>{/block:ContentSource}{/block:Date}</div>
  524. {block:HasTags}
  525. <div class="tags">
  526. {block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  527. {/block:HasTags}
  528. <div class="note">
  529. {block:PostNotes}{PostNotes}{/block:PostNotes}
  530. </div>
  531. </div>
  532. {/block:Posts}
  533.  
  534.  
  535. </div>
  536.  
  537.  
  538.  
  539. <div id="credit"><a href="http://cloudplays.tumblr.com" target="_blank">ŠCP</a></div>
  540.  
  541. </div>
  542. </div>
  543. </div>
  544. </body>
  545. </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!