API tools faq
paste
Elevenhour

Black Water theme#13

Elevenhour
Jun 16th, 2013
1,230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE>
  2.  
  3. <!-- THEME BY HOLYCASTIELS.TUMBLR.COM
  4.  
  5. message fo you:
  6. Alter the code however you want, but keep the credit where it is. That means no moving to another page or only crediting for inspiration and stuff
  7. drop me a question if you wonder anything! cheers.
  8.  
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <!-- google fonts -->
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Alegreya' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Averia+Libre:700' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  22.  
  23.  
  24. <!-- colors -->
  25.  
  26. <meta name="color:background" content="#FFFFFF">
  27. <meta name="color:pagi" content="#703133">
  28. <meta name="color:link" content="#6f1b1b">
  29. <meta name="color:sidelinks" content="#1f1d1d">
  30. <meta name="color:linksbg" content="#ffffff">
  31. <meta name="color:info border" content="#dfdada">
  32. <meta name="color:askbg" content="#f3f1f1">
  33. <meta name="color:link border" content="#ffffff">
  34. <meta name="color:hover" content="#e4e4e4">
  35. <meta name="color:bold" content="#662424">
  36. <meta name="color:italic" content="#292928">
  37. <meta name="color:text" content="#000000">
  38. <meta name="color:title" content="#111111">
  39. <meta name="color:scrollbar" content="#741c1c">
  40. <meta name="text:links Margin" content="-185px">
  41. <meta name="text:description Margin" content="0px">
  42.  
  43.  
  44. <!-- images -->
  45.  
  46. <meta name="image:sidebar" content=""/>
  47. <meta name="image:info" content="http://i42.tinypic.com/2v7zepe.png"/>
  48.  
  49. <!-- text -->
  50.  
  51. <meta name="text:second title" content=""/>
  52.  
  53. <!-- links -->
  54.  
  55. <meta name="text:link1" content="">
  56. <meta name="text:link1 url" content="/">
  57. <meta name="text:link2" content="">
  58. <meta name="text:link2 url" content="/">
  59. <meta name="text:link3" content="">
  60. <meta name="text:link3 url" content="/">
  61. <meta name="text:link4" content="">
  62. <meta name="text:link4 url" content="/">
  63.  
  64.  
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  66. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67. <link rel="shortcut icon" href="{Favicon}" />
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  69.  
  70. <style type="text/css">
  71.  
  72. a {
  73. color:{color:link};
  74. text-decoration:none;
  75. -moz-transition-duration:0.6s;
  76. -webkit-transition-duration:0.6s;
  77. -o-transition-duration:0.6s;
  78. }
  79.  
  80. a:hover {
  81. color:{color:hover};
  82. text-decoration:none;
  83. -moz-transition-duration:0.6s;
  84. -webkit-transition-duration:0.6s;
  85. -o-transition-duration:0.6s;
  86. }
  87.  
  88. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  89. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  90. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  91.  
  92.  
  93. body {
  94. background-color:{color:background};
  95. font-family:Calibri;
  96. font-weight:normal;
  97. }
  98.  
  99.  
  100. b, strong, .strong {color:{color:Bold};}
  101. i, em, .em {color:{color:Italic};}
  102. h1 {
  103. font-weight:normal;
  104. font-size:10px;
  105. text-align:center;
  106. font-style:normal;
  107. line-height:80%;
  108. letter-spacing:1px;
  109. text-transform:lowercase;
  110. color:{color:text};
  111.  
  112. }
  113.  
  114. h2 {
  115. font-size:20px;
  116. text-align:center;
  117. line-height:100%;
  118. letter-spacing:-0.5px;
  119. color:{color:text};
  120. font-style:italic;
  121. padding:5px;
  122. padding-bottom:2px;
  123. font-family: 'Alex Brush', cursive;
  124.  
  125. }
  126.  
  127. blockquote {
  128. border-left:2px solid {color:text};
  129. padding-left:5px;
  130. margin:5px;
  131. }
  132.  
  133. #theme {
  134. background-color:{color:background};
  135. width:700px;
  136. margin: 0 auto -12px auto;
  137. text-align: center;
  138. font-family: 'Special Elite', sans-serif;
  139. font-size:9px;
  140.  
  141. }
  142.  
  143. #sidebar {
  144. color:{color:text};
  145. position:fixed;
  146. width:150px;
  147. height:auto;
  148. margin-top:180px;
  149. text-align:left;
  150. }
  151.  
  152. #sidebar img {
  153. width:150px;
  154. }
  155. #sidebar img:hover {
  156.  
  157.  
  158. }
  159.  
  160.  
  161. .links {
  162. margin-left:55px;
  163. font-size:9px;
  164. margin-top: {text:links Margin};
  165. text-transform:lowercase;
  166. text-align:center;
  167. width:100px;
  168. letter-spacing:5px;
  169. position:fixed;
  170. opacity:0;
  171. font-family: 'Special Elite', sans-serif;
  172. -moz-transition-duration:0.7s;
  173. -webkit-transition-duration:0.7s;
  174. -o-transition-duration:0.7s;
  175. }
  176.  
  177. .links a{
  178. display:block;
  179. background-color:{color:linksbg};
  180. padding-top:15px;
  181. height:100%
  182. width:150px;
  183. padding-bottom:5px;
  184. margin-left:-55px;
  185. border: 1px solid {color:link border};
  186. color:{color:sidelinks};
  187. }
  188.  
  189. .links:hover{
  190. opacity:1;
  191. color:{color:hover};
  192. -moz-transition-duration:0.7s;
  193. -webkit-transition-duration:0.7s;
  194. -o-transition-duration:0.7s;
  195.  
  196.  
  197. }
  198.  
  199. .title {
  200. font-size:8.5px;
  201. text-transform:uppercase;
  202. text-align:left;
  203. width:300px;
  204. position:fixed;
  205. color:{color:title};
  206. margin-top:-20px;
  207. margin-left:-125px;
  208. font-family: baskervilles;
  209.  
  210.  
  211. }
  212. .desc {
  213. margin-left:-125px;
  214. width:120px;
  215. position:fixed;
  216. margin-top: {text:description Margin};
  217. font-family:'Alegreya';
  218. text-align:left;
  219. font-size:10px;
  220. color:{color:text};
  221. letter-spacing:1px;
  222. line-height:150%;
  223.  
  224. }
  225.  
  226. .desc a {
  227. color:{color:link};
  228.  
  229. }
  230.  
  231. .jump_page {
  232. color:{color:text};
  233. padding:3px;
  234. font-family:century gothic;
  235. font-size:9px;
  236. text-decoration:none;
  237. position:left;
  238.  
  239. }
  240.  
  241. .pagination a {
  242. color:{color:link};
  243. }
  244.  
  245. #stuffcontainer {
  246. float:left;
  247. margin-left:250px;
  248. margin-top:0px;
  249. margin-bottom:30px;
  250. text-align:justify;
  251. background-color:{color:background};
  252. color:{color:text};
  253. font-family: 'Special Elite', sans-serif;
  254. margin-bottom: 35px;
  255. }
  256.  
  257. #stuff {
  258. width:500px;
  259. margin-top:75px;
  260. text-align:justify;
  261. font-size:11px;
  262. line-height:90%;
  263. letter-spacing:0x;
  264. color:{color:text};
  265. }
  266.  
  267. .caption {
  268. width:500px;
  269. text-align:justify;
  270. line-height:120%;
  271. }
  272.  
  273.  
  274. .ask {
  275. padding:30px;
  276. font-size:11px;
  277. text-align:center;
  278. color:{color:asktext};
  279. background-color:{color:askbg};
  280. }
  281.  
  282. .ans {
  283. text-align:left;
  284. padding:5px;
  285. color:{color:text};
  286. }
  287.  
  288.  
  289. .audio {
  290. height:60px;
  291. padding:5px;
  292. margin-bottom:55px;
  293. }
  294.  
  295. .audio-album {
  296. position:absolute;
  297. width:110px;
  298. -webkit-transition: opacity 0.6s linear;
  299. opacity: 1;
  300. }
  301.  
  302. .audio-player {
  303. opacity:1;
  304. filter:alpha(opacity=90);
  305. width:25px;
  306. height:25px;
  307. overflow:hidden;
  308. position:absolute;
  309. border:30px;
  310. z-index:2;
  311. margin-left:43px;
  312. margin-top:43px;
  313. opacity:0;
  314. -webkit-transition: all 0.6s ease-out;
  315. -o-transition: all 0.6s ease-out;
  316. -webkit-transition: all 0.6s ease-out;
  317. -moz-transition: all 0.6s ease-out;
  318. }
  319.  
  320. .audio-info {
  321. margin-top:7px;
  322. position:relative;
  323. margin-left:120px;
  324. line-height:180%;
  325. padding:2px;
  326. }
  327.  
  328. .audio:hover .audio-player {
  329. opacity:.6;
  330. -webkit-transition: all 0.6s ease-out;
  331. -o-transition: all 0.6s ease-out;
  332. -webkit-transition: all 0.6s ease-out;
  333. -moz-transition: all 0.6s ease-out;
  334. }
  335.  
  336.  
  337. ul.chat, .chat ol, .chat li {
  338. list-style:none;
  339. margin:0px;
  340. padding:2px;
  341. }
  342.  
  343. .label {
  344. text-decoration:bold;
  345. font-weight:700;
  346. margin-right:5px;
  347. }
  348.  
  349.  
  350. #postinfo {
  351. float:center;
  352. padding-top:4px;
  353. padding-bottom:7px;
  354. margin-top:10px;
  355. text-align:center;
  356. font-size:7px;
  357. font-family:arial;
  358. letter-spacing:1px;
  359. background-color: {color:Info bg};
  360. color:{color:text};
  361. width: 500px;
  362. text-transform:uppercase;
  363.  
  364. }
  365.  
  366. #postinfo a {
  367. color:{color:link};
  368. text-align:center;
  369. letter-spacing:1px;
  370. font-style:normal;
  371. }
  372.  
  373. #postinfo a:hover {
  374. color:{color:hover};
  375. }
  376.  
  377. #tags {
  378. text-align:center;
  379. font-size:7px;
  380. margin-top:3px;
  381. font:arial black;
  382. }
  383.  
  384. .note {
  385. text-transform:lowercase;
  386. font-style:normal;
  387. letter-spacing:0px;
  388. font-size: 9px;
  389. text-align:left;
  390. line-height:90%;
  391. margin-left:0px;
  392. padding-bottom:-10px;
  393. }
  394.  
  395. .note li {
  396. list-style-type:none;
  397. padding:10px 25px 10px 25px;
  398. text-align:left;
  399. margin:0px;
  400. -moz-transition-duration:0.5s;
  401. -webkit-transition-duration:0.5s;
  402. -o-transition-duration:0.5s;
  403.  
  404. }
  405.  
  406. .info{
  407.  
  408. border-top: 1px solid {color:Info Border};
  409.  
  410. }
  411.  
  412. .info img{
  413. margin-top:-7px;
  414. }
  415.  
  416. #credit {
  417. position:fixed;
  418. font-size:9.5px;
  419. font-weight:normal;
  420. line-height:150%;
  421. letter-spacing:2px;
  422. right:10px;
  423. bottom:10px;
  424. text-transform:uppercase;
  425. text-align:center;
  426. }
  427.  
  428. #credit a {
  429. padding:3px;
  430. color:{color:link};
  431. background-color:{color:background};
  432. -moz-transition-duration:0.5s;
  433. -webkit-transition-duration:0.5s;
  434. -o-transition-duration:0.5s;
  435. }
  436.  
  437. {CustomCSS}
  438.  
  439. </style></head>
  440.  
  441. <body>
  442. <div id="theme">
  443. <div id="sidebar">
  444.  
  445.  
  446.  
  447. <b><div class="title">{text:second title}</div></b>
  448. <div class="desc">
  449. {Description}
  450.  
  451. <br><br><b>{block:Pagination}
  452. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  453. {block:JumpPagination length="6"}
  454. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  455. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  456. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  457. {/block:Pagination}</b></div>
  458.  
  459.  
  460.  
  461.  
  462.  
  463. <img src="{image:sidebar}"><div class="links">
  464.  
  465. <a href="/">home</a>
  466. <a href="/ask">talk</a>
  467. {block:IfLink1}
  468. <a href="{text:link1 url}">{text:link1}</a>
  469. {/block:IfLink1}
  470. {block:IfLink2}
  471. <a href="{text:link2 url}">{text:link2}</a>
  472. {/block:IfLink2}
  473. {block:IfLink3}
  474. <a href="{text:link3 url}">{text:link3}</a>
  475. {/block:IfLink3}
  476. {block:IfLink4}
  477. <a href="{text:link4 url}">{text:link4}</a>
  478. {/block:IfLink4}
  479. </div>
  480.  
  481.  
  482. </div>
  483.  
  484. <div id="stuffcontainer">
  485.  
  486. {block:Posts}
  487.  
  488. <div id="stuff">
  489.  
  490. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  491.  
  492. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  493.  
  494. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  495. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  496.  
  497. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  498.  
  499. {block:Photoset}<center>{Photoset-500}</center>
  500. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  501.  
  502. {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}
  503.  
  504. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  505.  
  506. {block:Answer}<div class="ask"><i>{Asker} </i> said: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  507.  
  508. {block:Audio}
  509. <div class="audio">
  510. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  511. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  512.  
  513. <div class="audio-info">
  514. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  515. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  516. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  517. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  518. </div></div>
  519. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  520. {/block:Audio}
  521. <br>
  522. <div id="postinfo">{block:Date}Posted <a href="{Permalink}">{TimeAgo}
  523. </a>{/block:Date}{block:NoteCount}
  524.  
  525.  
  526. <big>┃</big>
  527. </b>
  528. <font color=#802626><big><big>♥</big></big></font color> <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}
  529. <big>┃</big>
  530. </b>
  531. {block:RebloggedFrom} <a href="{ReblogParentURL}"></a>© <a href="{SourceURL}">{SourceLink}</a><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  532.  
  533. <br>
  534. <br>
  535.  
  536.  
  537.  
  538. <div class="info">
  539. <center>
  540.  
  541. <s><img src="{image:info}" width="25px"></center></s>
  542.  
  543.  
  544. </div>
  545.  
  546.  
  547.  
  548.  
  549.  
  550. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  551. </div>
  552. {/block:Posts}
  553.  
  554. {block:PostNotes}
  555. {PostNotes}
  556. {/block:PostNotes}
  557. </b>
  558. </div>
  559.  
  560. <div id="credit"><a href="http://holycastiels.tumblr.com/">credit</a></div>
  561.  
  562. </div>
  563. </div>
  564. </div>
  565. </body>
  566. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!