API tools faq
paste
louerry

Theme 04B

louerry
Sep 14th, 2013
217
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.61 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. Theme 04B by louerry (tumblr)
  6. Do not remove credit, steal, or copy
  7. I will find you if you do
  8. -->
  9. <title>{title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}" />
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#A8A8A8"/>
  15. <meta name="color:Link" content="#A8A8A8"/>
  16. <meta name="color:Hover" content="#333333"/>
  17. <meta name="color:infobg" content="#333333"/>
  18. <meta name="color:scrollbar" content="#333333"/>
  19. <meta name="color:pagi" content="#a8a8a8"/>
  20.  
  21. <meta name="image:Background" content=""/>
  22. <meta name="image:header1" content=""/>
  23. <meta name="image:header2" content=""/>
  24. <meta name="image:header3" content=""/>
  25.  
  26. <meta name="text:Link1 url" content="/" />
  27. <meta name="text:Link1" content="" />
  28. <meta name="text:Link2 url" content="/" />
  29. <meta name="text:Link2" content="" />
  30.  
  31.  
  32. <style type="text/css">
  33.  
  34. iframe#tumblr_controls { width:50%; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  35.  
  36. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  37.  
  38. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  39.  
  40. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  41.  
  42. /**Hover Information**/
  43.  
  44. a {
  45. color:{color:link};
  46. text-decoration:none;
  47. -moz-transition-duration:0.6s;
  48. -webkit-transition-duration:0.6s;
  49. -o-transition-duration:0.6s;
  50. }
  51.  
  52. a:hover {
  53. color:{color:hover};
  54. text-decoration:none;
  55. -moz-transition-duration:0.6s;
  56. -webkit-transition-duration:0.6s;
  57. -o-transition-duration:0.6s;
  58. }
  59.  
  60. /**Scrollbar**/
  61.  
  62. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  63. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  64. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  65.  
  66. /**Font Information**/
  67.  
  68. body {
  69. background-color:{color:background};
  70. font-family:Calibri;
  71. font-weight:normal;
  72. }
  73.  
  74. h1 {
  75. font-weight:normal;
  76. font-size:10px;
  77. text-align:center;
  78. font-style:normal;
  79. line-height:80%;
  80. letter-spacing:1px;
  81. text-transform:lowercase;
  82. color:{color:text};
  83. }
  84.  
  85. h2 {
  86. font-size:15px;
  87. text-align:center;
  88. line-height:100%;
  89. letter-spacing:-0.5px;
  90. color:{color:text};
  91. font-weight:normal;
  92. padding:5px;
  93. padding-bottom:2px;
  94. }
  95.  
  96. blockquote {
  97. border-left:2px solid {color:text};
  98. padding-left:5px;
  99. margin:5px;
  100. }
  101.  
  102. #theme {
  103. background-color:{color:background};
  104. width:700px;
  105. margin: 0 auto -12px auto;
  106. text-align: center;
  107. }
  108.  
  109. /**Header 1**/
  110.  
  111. #header1 {
  112. width:50px;
  113. position:fixed;
  114. margin-left:450px;
  115. margin-top:20px;
  116. opacity:1;
  117. z-index:2;
  118. }
  119.  
  120. #header1image img{
  121. width:120px;
  122. height:120px;
  123. padding:3px;
  124. -webkit-transition: all 0.5s ease;
  125. -moz-transition: all 0.5s ease;
  126. -o-transition: all 0.5s ease
  127. }
  128.  
  129. /**Header 2**/
  130.  
  131. #header2 {
  132. width:50px;
  133. position:fixed;
  134. margin-left:640px;
  135. margin-top:20px;
  136. opacity:1;
  137. z-index:2;
  138. }
  139.  
  140. #header2image img{
  141. width:120px;
  142. height:120px;
  143. padding:3px;
  144. -webkit-transition: all 0.5s ease;
  145. -moz-transition: all 0.5s ease;
  146. -o-transition: all 0.5s ease
  147. }
  148.  
  149. /**Header 3**/
  150.  
  151. #header3 {
  152. width:50px;
  153. position:fixed;
  154. margin-left:830px;
  155. margin-top:20px;
  156. opacity:1;
  157. z-index:2;
  158. }
  159.  
  160. #header3image img{
  161. width:120px;
  162. height:120px;
  163. padding:3px;
  164. -webkit-transition: all 0.5s ease;
  165. -moz-transition: all 0.5s ease;
  166. -o-transition: all 0.5s ease
  167. }
  168.  
  169. /**Description/title/links**/
  170. /**hover included here**/
  171.  
  172. #description {
  173. position:fixed;
  174. text-align:center;
  175. vertical-align:middle;
  176. width: 123px;
  177. height:123px;
  178. font-size:10px;
  179. background-color:#fff;
  180. color:{color:text};
  181. opacity: 0;
  182. margin-top:-130px;
  183. margin-left:0px;
  184. -webkit-transition: all 0.5s ease;
  185. -moz-transition: all 0.5s ease;
  186. -o-transition: all 0.5s ease;
  187. }
  188.  
  189. #header2:hover #description {
  190. opacity:1;
  191. -webkit-transition: all 0.5s ease;
  192. -moz-transition: all 0.5s ease;
  193. -o-transition: all 0.5s ease;
  194. }
  195.  
  196. #links {
  197. position:absolute;
  198. line-height:120px;
  199. text-transform: normal;
  200. position:fixed;
  201. margin-left:0px;
  202. margin-top:-128px;
  203. display:inline-block;
  204. text-align: center;
  205. padding: 3px;
  206. text-transform:normal;
  207. -webkit-transition: all 0.6s ease;
  208. -moz-transition: all 0.6s ease;
  209. -o-transition: all 0.6s ease;
  210. color:{color:text};
  211. background:white;
  212. width:120px;
  213. height:120px;
  214. opacity:0;
  215. }
  216.  
  217. #header1:hover #links {
  218. opacity:1;
  219. }
  220.  
  221. #links a{
  222. font-size:10px;
  223. text-transform:normal;
  224. width:115px;
  225. padding-top:2px;
  226. padding-bottom:2px;
  227. display:inline-block;
  228. padding-left:10px;
  229. margin-bottom:1px;
  230. letter-spacing:3px;
  231. opacity:0;
  232. text-decoration:none;
  233. -webkit-transition: all 0.5s linear;
  234. -moz-transition-duration:1s;
  235. -webkit-transition-duration:1s;
  236. -o-transition-duration:1s;
  237. }
  238.  
  239. #links a:hover{
  240. opacity:1;
  241. background-color:#ffffff;
  242. -webkit-transition: all 0.2s ease;
  243. -moz-transition: all 0.2s ease;
  244. -o-transition: all 0.2s ease;
  245. }
  246.  
  247. #links a{
  248. color: #9e9e9e;
  249. text-shadow:10px 0px transparent, -10px 0px transparent;
  250. -webkit-transition: all 0.5s linear;}
  251.  
  252. #links a:hover {
  253. font-size:12px;
  254. letter-spacing: 3px;
  255. text-shadow:0px 0px #777, -0px 0px #777;
  256. -webkit-transition: all 0.2s linear;
  257. -webkit-transition: all 0c.6s ease-in-out;
  258. -moz-transition: all 0.6s ease-in-out;
  259. -o-transition: all 0.6s ease-in-out;
  260. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease -in-out;}
  261.  
  262.  
  263. #nav {
  264. text-align: center;
  265. font-size: 10px;
  266. position:fixed;
  267. left:841px;
  268. top:5px;
  269. opacity:0;
  270. -webkit-transition: all .5s ease-in-out;
  271. -moz-transition: all .5s ease-in-out;
  272. -o-transition: all .5s ease-in-out;
  273. z-index:999;
  274. }
  275.  
  276. #nav:HOVER {
  277. position:fixed;
  278. opacity:1;
  279. -webkit-transition: all 0.7s ease-in-out;
  280. -moz-transition: all 0.7s ease-in-out;
  281. -transition: all 0.7s ease-in-out;}
  282.  
  283. #navbg {
  284. background-color:#fff;
  285. padding:50px 0px 10px 0px;
  286. width:120px;
  287. height: 100%;
  288. z-index: 1;
  289. }
  290.  
  291. .navlinkie {
  292. display: inline-block;
  293. width: 80px;
  294. padding: 10px 0px 10px 0px;
  295. text-transform: lowercase;
  296. letter-spacing: 2px;
  297. color:{color:link};
  298. -webkit-transition: all 0.5s linear;
  299. margin-top:-15px;
  300. }
  301.  
  302. .navlinkie a{
  303. color:{color:link};
  304. text-shadow:10px 0px transparent, -10px 0px transparent;
  305. -webkit-transition: all 0.5s linear;
  306. }
  307.  
  308. .navlinkie:hover{
  309. color:transparent;-webkit-transition: all 0.5s linear;
  310. }
  311.  
  312. /**Pagination**/
  313.  
  314. .pagination {
  315. padding:5px;
  316. width:400px;
  317. position:fixed;
  318. font-size:10px;
  319. font-family:cambria;
  320. font-style;italic;
  321. text-align: center;
  322. margin-top:150px;
  323. margin-left:500px;
  324. opacity:.80;
  325. background-color:#ffffff;
  326. color:{color:pagi};
  327. z-index:3;
  328. }
  329.  
  330. .pagination a {
  331. letter-spacing:3px;
  332. color:{color:pagi};
  333. }
  334.  
  335. /**Header Background**/
  336.  
  337. #headerbg {
  338. position: fixed;
  339. left:430px;
  340. top:-10px;
  341. z-index:1;
  342. }
  343.  
  344. #headerbg img{
  345. width:600px;
  346. height:200px;
  347. padding:3px;
  348. -webkit-transition: all 0.5s ease;
  349. -moz-transition: all 0.5s ease;
  350. -o-transition: all 0.5s ease
  351. }
  352.  
  353. /**Posts**/
  354.  
  355. #stuffcontainer {
  356. float:left;
  357. margin-left:450px;
  358. margin-top:120px;
  359. margin-bottom:30px;
  360. text-align:justify;
  361. background-color:{color:background};
  362. color:{color:text};
  363. margin-bottom: 35px;
  364. }
  365.  
  366. #stuff {
  367. width:500px;
  368. margin-top:75px;
  369. text-align:justify;
  370. font-size:11px;
  371. line-height:90%;
  372. letter-spacing:0x;
  373. color:{color:text};
  374. }
  375.  
  376. .caption {
  377. width:500px;
  378. text-align:justify;
  379. line-height:120%;
  380. }
  381.  
  382. /**Ask Posts**/
  383.  
  384. .ask {
  385. padding:10px;
  386. text-align:center;
  387. color:{color:asktext};
  388. background-color:{color:infobg};
  389. }
  390.  
  391. .ans {
  392. text-align:left;
  393. padding:5px;
  394. color:{color:text};
  395. }
  396.  
  397. /**Audio Posts**/
  398.  
  399. .audio {
  400. height:60px;
  401. padding:5px;
  402. margin-bottom:55px;
  403. }
  404.  
  405. .audio-album {
  406. position:absolute;
  407. width:110px;
  408. -webkit-transition: opacity 0.6s linear;
  409. opacity: 1;
  410. }
  411.  
  412. .audio-player {
  413. opacity:1;
  414. filter:alpha(opacity=90);
  415. width:25px;
  416. height:25px;
  417. overflow:hidden;
  418. position:absolute;
  419. border:30px;
  420. z-index;-999;
  421. margin-left:43px;
  422. margin-top:43px;
  423. opacity:0;
  424. -webkit-transition: all 0.6s ease-out;
  425. -o-transition: all 0.6s ease-out;
  426. -webkit-transition: all 0.6s ease-out;
  427. -moz-transition: all 0.6s ease-out;
  428. }
  429.  
  430. .audio-info {
  431. margin-top:7px;
  432. position:relative;
  433. margin-left:120px;
  434. line-height:180%;
  435. padding:2px;
  436. }
  437.  
  438. .audio:hover .audio-player {
  439. opacity:.6;
  440. -webkit-transition: all 0.6s ease-out;
  441. -o-transition: all 0.6s ease-out;
  442. -webkit-transition: all 0.6s ease-out;
  443. -moz-transition: all 0.6s ease-out;
  444. }
  445.  
  446. /**Chat Posts**/
  447.  
  448. ul.chat, .chat ol, .chat li {
  449. list-style:none;
  450. margin:0px;
  451. padding:2px;
  452. }
  453.  
  454. .label {
  455. text-decoration:bold;
  456. font-weight:700;
  457. margin-right:5px;
  458. }
  459.  
  460. /**Post Info, Notes**/
  461.  
  462. #postinfo {
  463. width:500px;
  464. padding:3px;
  465. font-size:9px;
  466. color:{color:link};
  467. text-transform:lowercase;
  468. font-style:normal;
  469. letter-spacing:2px;
  470. text-align:center;
  471. border-top:1px dotted {color:text};
  472. -moz-transition-duration:0.5s;
  473. -webkit-transition-duration:0.5s;
  474. -o-transition-duration:0.5s;
  475. }
  476.  
  477. #postinfo a {
  478. color:{color:text};
  479. text-align:center;
  480. letter-spacing:1px;
  481. font-style:normal;
  482. }
  483.  
  484. #postinfo a:hover {
  485. color:{color:hover};
  486. }
  487.  
  488. #tags {
  489. text-align:center;
  490. font-size:10px;
  491. font:calibri;
  492. }
  493.  
  494. .note {
  495. text-transform:lowercase;
  496. font-style:normal;
  497. letter-spacing:0px;
  498. font-size: 9px;
  499. text-align:left;
  500. line-height:110%;
  501. margin-left:00px;
  502. padding-bottom:-10px;
  503. }
  504.  
  505. .note li {
  506. list-style-type:none;
  507. padding:10px 25px 10px 25px;
  508. text-align:left;
  509. margin:0px;
  510. -moz-transition-duration:0.5s;
  511. -webkit-transition-duration:0.5s;
  512. -o-transition-duration:0.5s;
  513. }
  514.  
  515. /**Credit**/
  516. /**let's be nice and not remove it :)**/
  517.  
  518. #credit {
  519. position:fixed;
  520. font-size:10px;
  521. font-weight:normal;
  522. line-height:150%;
  523. letter-spacing:2px;
  524. right:10px;
  525. bottom:10px;
  526. text-transform:lowercase;
  527. text-align:center;
  528. }
  529.  
  530. #credit a {
  531. padding:3px;
  532. color:{color:link};
  533. background-color:{color:background};
  534. -moz-transition-duration:0.5s;
  535. -webkit-transition-duration:0.5s;
  536. -o-transition-duration:0.5s;
  537. }
  538.  
  539. {CustomCSS}
  540.  
  541. </style></head>
  542.  
  543. <body>
  544. <div id="headerbg"><div id="header1image"><img src="http://i.imgur.com/hX6XrHk.jpg"></div>
  545. </div>
  546. <div id="header1"><div id="header1image"><img src="{image:header1}"></div>
  547. <div id="links">{title}</div></div>
  548. <div id="header2"><div id="header2image"><img src="{image:header2}"><div id="description">
  549. {description}
  550. </div> </div> </div>
  551. <div id="header3"><div id="header3image"><img src="{image:header3}"></div></div>
  552. <div id="nav">
  553. <div id="navbg"> <center>
  554. <a href="/"><div class="navlinkie">london</div></a>
  555. <a href="/ask"><div class="navlinkie">mail</div></a>
  556. {block:IfLink1}
  557. <a href="{text:link1 url}"><div class="navlinkie">{text:link1}</div></a>
  558. {/block:IfLink1}
  559. {block:IfLink2}
  560. <a href="{text:link2 url}"><div class="navlinkie">{text:link2}</div></a>
  561. {/block:IfLink2}
  562. </div></div></div>
  563.  
  564.  
  565. {block:Pagination}
  566. <div class="pagination">{block:Pagination}
  567. {block:PreviousPage}
  568. <a href="{PreviousPage}">←</a>
  569. {/block:PreviousPage}
  570.  
  571. {block:JumpPagination length="5"}
  572. {block:CurrentPage}
  573. <span class="current_page">{PageNumber}</span>
  574. {/block:CurrentPage}
  575.  
  576. {block:JumpPage}
  577. <a class="jump_page" href="{URL}">{PageNumber}</a>
  578. {/block:JumpPage}
  579. {/block:JumpPagination}
  580.  
  581. {block:NextPage}
  582. <a href="{NextPage}">→</a>
  583. {/block:NextPage}
  584. {/block:Pagination}</div></center>
  585. <center><div class="thm">
  586. </div></center>
  587. </div>
  588. <div id="stuffcontainer">
  589.  
  590. {block:Posts}
  591.  
  592. <div id="stuff">
  593.  
  594. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  595.  
  596. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  597.  
  598. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  599. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  600.  
  601. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  602.  
  603. {block:Photoset}<center>{Photoset-500}</center>
  604. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  605.  
  606. {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}
  607.  
  608. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  609.  
  610. {block:Answer}<div class="ask"><i>{Asker} whispered:</i> {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  611.  
  612. {block:Audio}
  613. <div class="audio">
  614. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  615. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  616.  
  617. <div class="audio-info">
  618. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  619. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  620. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  621. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  622. </div></div>
  623. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  624. {/block:Audio}
  625.  
  626. <div id="postinfo">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} + <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}</div>
  627. <div id="tags">{block:HasTags}{block:Tags}</a>{/block:Tags}{/block:HasTags}</div>
  628. </div>
  629. {/block:Posts}
  630.  
  631. {block:PostNotes}
  632. {PostNotes}
  633. {/block:PostNotes}
  634.  
  635. </div>
  636.  
  637.  
  638. <div id="credit"><a href="http://louerry.tumblr.com">credit</a></div>
  639.  
  640.  
  641. </div>
  642. </div>
  643. </div>
  644.  
  645. </body>
  646.  
  647. </html>
  648. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
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!