API tools faq
paste
Elevenhour

Where is my mind 2 theme#14

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