API tools faq
paste
Advertisement
fabliam

Theme 39

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