API tools faq
paste
louerry

Theme 04A

louerry
Sep 14th, 2013
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.50 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. Theme 04A 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. #header1: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. #header2:hover #links {
  218. opacity:1;}
  219.  
  220. #links a{
  221. font-size:10px;
  222. text-transform:normal;
  223. width:115px;
  224. padding-top:2px;
  225. padding-bottom:2px;
  226. display:inline-block;
  227. padding-left:10px;
  228. margin-bottom:1px;
  229. letter-spacing:3px;
  230. opacity:0;
  231. text-decoration:none;
  232. -webkit-transition: all 0.5s linear;
  233. -moz-transition-duration:1s;
  234. -webkit-transition-duration:1s;
  235. -o-transition-duration:1s;
  236. }
  237.  
  238. #links a:hover{
  239. opacity:1;
  240. background-color:#ffffff;
  241. -webkit-transition: all 0.2s ease;
  242. -moz-transition: all 0.2s ease;
  243. -o-transition: all 0.2s ease;
  244. }
  245.  
  246. #links a{
  247. color: #9e9e9e;
  248. text-shadow:10px 0px transparent, -10px 0px transparent;
  249. -webkit-transition: all 0.5s linear;}
  250.  
  251. #links a:hover {
  252. font-size:12px;
  253. letter-spacing: 3px;
  254. text-shadow:0px 0px #777, -0px 0px #777;
  255. -webkit-transition: all 0.2s linear;
  256. -webkit-transition: all 0c.6s ease-in-out;
  257. -moz-transition: all 0.6s ease-in-out;
  258. -o-transition: all 0.6s ease-in-out;
  259. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  260.  
  261. #nav {
  262. text-align: center;
  263. font-size: 10px;
  264. position:fixed;
  265. left:841px;
  266. top:5px;
  267. opacity:0;
  268. -webkit-transition: all .5s ease-in-out;
  269. -moz-transition: all .5s ease-in-out;
  270. -o-transition: all .5s ease-in-out;
  271. z-index:999;
  272. }
  273.  
  274. #nav:HOVER {
  275. position:fixed;
  276. opacity:1;
  277. -webkit-transition: all 0.7s ease-in-out;
  278. -moz-transition: all 0.7s ease-in-out;
  279. -transition: all 0.7s ease-in-out;}
  280.  
  281. #navbg {
  282. background-color:#fff;
  283. padding:50px 0px 10px 0px;
  284. width:120px;
  285. height: 100%;
  286. z-index: 1;
  287. }
  288.  
  289. .navlinkie {
  290. display: inline-block;
  291. width: 80px;
  292. padding: 10px 0px 10px 0px;
  293. text-transform: lowercase;
  294. letter-spacing: 2px;
  295. color:{color:link};
  296. text-shadow:10px 0px transparent, -9px 0px transparent;
  297. -webkit-transition: all 0.5s linear;
  298. margin-top:-15px;
  299. }
  300.  
  301. .navlinkie a{
  302. color:{color:link};
  303. text-shadow:10px 0px transparent, -10px 0px transparent;
  304. -webkit-transition: all 0.5s linear;
  305. }
  306.  
  307. .navlinkie:hover{
  308. color:transparent;-webkit-transition: all 0.5s linear;
  309. }
  310.  
  311. /**Pagination**/
  312.  
  313. .pagination {
  314. padding:5px;
  315. width:400px;
  316. position:fixed;
  317. font-size:10px;
  318. font-family:cambria;
  319. font-style;italic;
  320. text-align: center;
  321. margin-top:150px;
  322. margin-left:500px;
  323. opacity:.80;
  324. background-color:#ffffff;
  325. color:{color:pagi};
  326. z-index:3;
  327. }
  328.  
  329. .pagination a {
  330. letter-spacing:3px;
  331. color:{color:pagi};
  332. }
  333.  
  334. /**Header Background**/
  335.  
  336. #headerbg {
  337. position: fixed;
  338. left:430px;
  339. top:-10px;
  340. z-index:1;
  341. }
  342.  
  343. #headerbg img{
  344. width:600px;
  345. height:200px;
  346. padding:3px;
  347. -webkit-transition: all 0.5s ease;
  348. -moz-transition: all 0.5s ease;
  349. -o-transition: all 0.5s ease
  350. }
  351.  
  352. /**Posts**/
  353.  
  354. #stuffcontainer {
  355. float:left;
  356. margin-left:450px;
  357. margin-top:120px;
  358. margin-bottom:30px;
  359. text-align:justify;
  360. background-color:{color:background};
  361. color:{color:text};
  362. margin-bottom: 35px;
  363. }
  364.  
  365. #stuff {
  366. width:500px;
  367. margin-top:75px;
  368. text-align:justify;
  369. font-size:11px;
  370. line-height:90%;
  371. letter-spacing:0x;
  372. color:{color:text};
  373. }
  374.  
  375. .caption {
  376. width:500px;
  377. text-align:justify;
  378. line-height:120%;
  379. }
  380.  
  381. /**Ask Posts**/
  382.  
  383. .ask {
  384. padding:10px;
  385. text-align:center;
  386. color:{color:asktext};
  387. background-color:{color:infobg};
  388. }
  389.  
  390. .ans {
  391. text-align:left;
  392. padding:5px;
  393. color:{color:text};
  394. }
  395.  
  396. /**Audio Posts**/
  397.  
  398. .audio {
  399. height:60px;
  400. padding:5px;
  401. margin-bottom:55px;
  402. }
  403.  
  404. .audio-album {
  405. position:absolute;
  406. width:110px;
  407. -webkit-transition: opacity 0.6s linear;
  408. opacity: 1;
  409. }
  410.  
  411. .audio-player {
  412. opacity:1;
  413. filter:alpha(opacity=90);
  414. width:25px;
  415. height:25px;
  416. overflow:hidden;
  417. position:absolute;
  418. border:30px;
  419. z-index;-999;
  420. margin-left:43px;
  421. margin-top:43px;
  422. opacity:0;
  423. -webkit-transition: all 0.6s ease-out;
  424. -o-transition: all 0.6s ease-out;
  425. -webkit-transition: all 0.6s ease-out;
  426. -moz-transition: all 0.6s ease-out;
  427. }
  428.  
  429. .audio-info {
  430. margin-top:7px;
  431. position:relative;
  432. margin-left:120px;
  433. line-height:180%;
  434. padding:2px;
  435. }
  436.  
  437. .audio:hover .audio-player {
  438. opacity:.6;
  439. -webkit-transition: all 0.6s ease-out;
  440. -o-transition: all 0.6s ease-out;
  441. -webkit-transition: all 0.6s ease-out;
  442. -moz-transition: all 0.6s ease-out;
  443. }
  444.  
  445. /**Chat Posts**/
  446.  
  447. ul.chat, .chat ol, .chat li {
  448. list-style:none;
  449. margin:0px;
  450. padding:2px;
  451. }
  452.  
  453. .label {
  454. text-decoration:bold;
  455. font-weight:700;
  456. margin-right:5px;
  457. }
  458.  
  459. /**Post Info, Notes**/
  460.  
  461. #postinfo {
  462. width:500px;
  463. padding:3px;
  464. font-size:9px;
  465. color:{color:link};
  466. text-transform:lowercase;
  467. font-style:normal;
  468. letter-spacing:2px;
  469. text-align:center;
  470. border-top:1px dotted {color:text};
  471. -moz-transition-duration:0.5s;
  472. -webkit-transition-duration:0.5s;
  473. -o-transition-duration:0.5s;
  474. }
  475.  
  476. #postinfo a {
  477. color:{color:text};
  478. text-align:center;
  479. letter-spacing:1px;
  480. font-style:normal;
  481. }
  482.  
  483. #postinfo a:hover {
  484. color:{color:hover};
  485. }
  486.  
  487. #tags {
  488. text-align:center;
  489. font-size:10px;
  490. font:calibri;
  491. }
  492.  
  493. .note {
  494. text-transform:lowercase;
  495. font-style:normal;
  496. letter-spacing:0px;
  497. font-size: 9px;
  498. text-align:left;
  499. line-height:110%;
  500. margin-left:00px;
  501. padding-bottom:-10px;
  502. }
  503.  
  504. .note li {
  505. list-style-type:none;
  506. padding:10px 25px 10px 25px;
  507. text-align:left;
  508. margin:0px;
  509. -moz-transition-duration:0.5s;
  510. -webkit-transition-duration:0.5s;
  511. -o-transition-duration:0.5s;
  512. }
  513.  
  514. /**Credit**/
  515. /**let's be nice and not remove it :)**/
  516.  
  517. #credit {
  518. position:fixed;
  519. font-size:10px;
  520. font-weight:normal;
  521. line-height:150%;
  522. letter-spacing:2px;
  523. right:10px;
  524. bottom:10px;
  525. text-transform:lowercase;
  526. text-align:center;
  527. }
  528.  
  529. #credit a {
  530. padding:3px;
  531. color:{color:link};
  532. background-color:{color:background};
  533. -moz-transition-duration:0.5s;
  534. -webkit-transition-duration:0.5s;
  535. -o-transition-duration:0.5s;
  536. }
  537. {CustomCSS}
  538.  
  539. </style></head>
  540.  
  541. </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="description">{Description}</div></div>
  548. <div id="header2"><div id="header2image"><img src="{image:header2}"><div id="links">
  549. {title}
  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></div>
  636. </div>
  637.  
  638.  
  639. <div id="credit"><a href="http://louerry.tumblr.com">credit</a></div>
  640.  
  641. </body>
  642.  
  643. </html>
  644.  
  645. <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!