Advertisement
nofacesface

Callie Fury Theme

May 7th, 2013
242
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.34 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <meta name="font:Body" content="Helvetica" />
  5.  
  6. <head>
  7.  
  8. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  9.  
  10. <meta name="color:Link" content="#fff"/>
  11. <meta name="color:Hover" content="#888888"/>
  12. <meta name="color:Background" content="#fff" />
  13. <meta name="color:Desc" content="#000" />
  14. <meta name="color:Text" content="#fff" />
  15. <meta name="color:PostText" content="#000" />
  16.  
  17. <meta name="if:Caption" content="0"/>
  18.  
  19.  
  20. <meta name="image:sidebar1" content="http://static.tumblr.com/cbjpgjf/DMnmtugkf/tumblr_mtdqlbjaxh1rd830zo1_500.gif"/>
  21. <meta name="image:Background" content="" />
  22. <meta name="image:icon1" content="http://static.tumblr.com/cbjpgjf/OB1mmeusp/cafinal.gif">
  23. <meta name="image:icon2" content="http://static.tumblr.com/cbjpgjf/tYwmmev3k/ironfinal.gif">
  24. <meta name="image:icon3" content="http://static.tumblr.com/cbjpgjf/Khlmmev93/hulkfinal.gif">
  25. <meta name="image:icon4" content="http://static.tumblr.com/cbjpgjf/A7Fmmevep/bwfinal.gif">
  26. <meta name="image:icon5" content="http://static.tumblr.com/cbjpgjf/l2Xmmevjt/hawkeyefinal.gif">
  27. <meta name="image:icon6" content="http://static.tumblr.com/cbjpgjf/5QImmevmp/thorfinal.gif">
  28.  
  29. <meta name="text:Custom Link One" content="" />
  30. <meta name="text:Custom Link One Title" content="" />
  31. <meta name="text:Custom Link Two" content="" />
  32. <meta name="text:Custom Link Two Title" content="" />
  33. <meta name="text:Custom Link Three" content="" />
  34. <meta name="text:Custom Link Three Title" content="" />
  35. <meta name="text:Custom Link Four" content="" />
  36. <meta name="text:Custom Link Four Title" content="" />
  37.  
  38. <meta name="if:Infinite scrolling" content="0"/>
  39.  
  40. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description goes here along with any other codes you want (ex. music codes, hits counter)"
  41. content="{MetaDescription}" />{/block:Description}
  42. <link rel="shortcut icon" href="{Favicon}">
  43.  
  44. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  45.  
  46. <style>
  47. div#qTip {
  48. padding: 4px;
  49. display: none;
  50. text-align: center;
  51. position: absolute;
  52. font-size:8px;
  53. line-height:10px;
  54. font-family:helvetica;
  55. z-index: 1000;
  56. border: 1px solid #fff;
  57. background-color:#000;
  58. color: #fff;
  59. text-transform:uppercase;
  60. letter-spacing: 2px;
  61. }
  62. </style>
  63.  
  64. <style type="text/css">
  65.  
  66. ::-webkit-scrollbar {width: 5px;height:5px;background:#FFF;}
  67. ::-webkit-scrollbar-thumb {background:{color:Hover};}
  68.  
  69.  
  70.  
  71. /* GENERAL */
  72.  
  73. @font-face {
  74. font-family: "omm";
  75. src: url(' https://dl.dropboxusercontent.com/s/49ew9pt3j35jxbq/Neou-Bold.otf?token_hash=AAE0_sZlzDpcvxV4cIldb6Yvoa22xrKqUahiA4gBtGBn7w&dl=1');
  76. }
  77.  
  78.  
  79.  
  80. body{
  81. margin:0px;
  82. font-family: helvetica;
  83. font-size: 12px;
  84. line-height: 18px;
  85. color: {color:text};;
  86. }
  87.  
  88.  
  89.  
  90. body {
  91. background-color: {color:Background};
  92.  
  93. background-image: url({image:Background});
  94. margin: 0;
  95. word-wrap: break-word;
  96. background-attachment: fixed;
  97.  
  98. }
  99.  
  100.  
  101. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  102. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  103. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  104.  
  105. a:hover{color:{color:Hover};}
  106.  
  107.  
  108. /* POSTS */
  109.  
  110. #center{margin:auto;position:relative;width:400px;}
  111. #content{width:400px;margin:20px -130px;}
  112. #entry{margin:50px;width:400px; padding:7px;
  113. opacity: 0.7px;
  114. -webkit-transition: opacity 0.6s linear;
  115. -webkit-transition: all 0.6s ease-in-out;
  116. -moz-transition: all 0.6s ease-in-out;
  117. -o-transition: all 0.6s ease-in-out;}
  118. #entry img{max-width:100%;
  119. opacity: 0.7px;
  120. -webkit-transition: opacity 0.6s linear;
  121. -webkit-transition: all 0.6s ease-in-out;
  122. -moz-transition: all 0.6s ease-in-out;
  123. -o-transition: all 0.6s ease-in-out;}
  124.  
  125. /* SIDEBAR */
  126.  
  127. #sidebar {
  128. width:290px;
  129. height: 120%;
  130. position:fixed;
  131. margin-left:400px;
  132. margin-top: -80px;
  133. background-color: #fff;
  134. }
  135.  
  136. #image {
  137. position: fixed;
  138. width: 150px;
  139. height: 150px;
  140. overflow: hidden;
  141. -moz-border-radius: 90px 90px 90px 90px;
  142. border-radius: 90px 90px 90px 90px;
  143. opacity: 0.7px;
  144. -webkit-transition: opacity 0.6s linear;
  145. -webkit-transition: all 0.6s ease-in-out;
  146. -moz-transition: all 0.6s ease-in-out;
  147. -o-transition: all 0.6s ease-in-out;
  148. margin-top: 140px;
  149. margin-left:70px;
  150. }
  151.  
  152. #image img {
  153. width: auto;
  154. height: 150px;}
  155.  
  156. #titlec {
  157. position: fixed;
  158. width: 150px;
  159. height: 150px;
  160. background-color: #fff;
  161. -moz-border-radius: 90px 90px 90px 90px;
  162. border-radius: 90px 90px 90px 90px;
  163. opacity: 0;
  164. -webkit-transition: opacity 0.6s linear;
  165. -webkit-transition: all 0.6s ease-in-out;
  166. -moz-transition: all 0.6s ease-in-out;
  167. -o-transition: all 0.6s ease-in-out;
  168. margin-top: 140px;
  169. margin-left:70px; }
  170.  
  171. #titlec:hover {
  172. opacity: .8;}
  173.  
  174. #descbox {
  175. width: 150px;
  176. height: 85px;
  177. position: fixed;
  178. margin-top: 300px;
  179. margin-left:70px;
  180. background-color: #none;}
  181.  
  182. .desc {text-align:center;
  183. opacity: 0.7px;
  184. -webkit-transition: opacity 0.6s linear;
  185. -webkit-transition: all 0.6s ease-in-out;
  186. -moz-transition: all 0.6s ease-in-out;
  187. -o-transition: all 0.6s ease-in-out;
  188. padding:3px;
  189. font-size: 10px;
  190. color: {color:desc};}
  191.  
  192. /* TITLES */
  193.  
  194. .title a{color:{color:PostText};}
  195. .title {font-family:as;
  196. font-size:15px;
  197. font-style:none;
  198. margin:0px 5px 0px 0px;
  199. color:{color:PostText};}
  200.  
  201. .blogtitle {
  202. opacity: 0.7px;
  203. -webkit-transition: opacity 0.6s linear;
  204. -webkit-transition: all 0.6s ease-in-out;
  205. -moz-transition: all 0.6s ease-in-out;
  206. -o-transition: all 0.6s ease-in-out;
  207. background-color: rgba(255,255,255,0.6);
  208. text-align: center;
  209. margin-top: 50px;
  210. font-size:20px;
  211. line-height:50px;
  212. font-family: omm;
  213. color: #000;}
  214.  
  215.  
  216. .quote {
  217. padding:10px;
  218. font-size:12px;
  219. text-transform:none;
  220. color: {color:Text};}
  221.  
  222. .source {
  223. font-size: 10px;
  224. text-align:right;
  225. font-style:none;
  226. font-weight:none;
  227. text-transform:none;}
  228.  
  229. .answer {margin:10px;}
  230.  
  231. /* PERMALINKS */
  232.  
  233. #entry:hover .perma {
  234. opacity:1;
  235. margin-left:415px;
  236. -webkit-transition: all 0.9s ease;
  237. -moz-transition: all 0.9s ease;
  238. }
  239.  
  240.  
  241.  
  242. .perma a {
  243. color: {color:Link};
  244. font-size:10px;
  245. text-transform:normal;}
  246.  
  247. .perma a:hover {
  248. color:{color:Hover};
  249. }
  250.  
  251.  
  252. .perma {
  253. margin-left:415px;
  254. text-transform: none;
  255. position:absolute;
  256. font-family: helvetica;
  257. line-height:11px;
  258. text-align:left;
  259. overflow:hidden;
  260. margin-top:10px;
  261. opacity:0;
  262. padding: 2px;
  263. width:80px;
  264. border-left: 2px solid #000;
  265. -webkit-transition: all 0.9s ease;
  266. -moz-transition: all 0.9s;
  267. }
  268.  
  269.  
  270.  
  271.  
  272. .tagsperma {
  273. text-transform:lowercase;
  274. }
  275.  
  276.  
  277. .tagsperma a {
  278. margin-top: -20px;
  279. {color:Link};
  280. font-size:9px;
  281. font-family: helvetica;
  282. line-height:10px;
  283. transition-duration: 0.60s;
  284. -moz-transition-duration: 0.60s;
  285. -webkit-transition-duration: 0.60s;
  286. -o-transition-duration: 0.60s;
  287. }
  288.  
  289. .tagsperma a:hover {
  290. color:{color:Hover};
  291. }
  292.  
  293.  
  294.  
  295.  
  296. #permalink{
  297. {block:PermalinkPage}
  298. text-align:center;
  299. margin-top:10px;
  300. padding:0px;
  301. font-size:10px;
  302. text-transform:lowercase;
  303. color: #000;
  304. {/block:PermalinkPage}
  305. }
  306.  
  307. #c img{width:45%;}
  308. #c{position:fixed;right:-20px;top:30px;}
  309.  
  310. #cr img{width:45%;}
  311. #cr{position:fixed;right:-20px;top:30px; opacity: 0;
  312. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  313. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  314. #cr:hover { opacity: 1;
  315. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  316. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  317.  
  318.  
  319. /* AUDIO */
  320.  
  321. .artcover {position:absolute;}
  322. .artcover img {width:70px;height:70px;float:left;}
  323. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  324. .audioinfo {margin-left:75px;border-left:2px solid #CCC;padding:5px;}
  325. .i{display:block;padding:6px 3px;line-height:8px;}
  326. .player{position:absolute;background:#FFF;width:30px;height:30px;
  327. opacity:0.45;padding:20px;overflow:hidden;
  328. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  329. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  330. .player:hover{opacity:0.75;}
  331.  
  332. /* TEXT */
  333.  
  334. i, em{color:{color:Title};}
  335. b, strong{color:{color:Title};}
  336. ul,ol{margin:0px;margin-left:-10px;}
  337. p{padding:0px;margin:10px;}
  338. u{text-decoration:none;color:{color:Title};
  339. border-bottom:2px dotted {color:Title};}
  340. blockquote {margin:2px; margin-left:10px;
  341. padding:2px;border-left:2px solid #CCC;}
  342.  
  343. /* MISC */
  344.  
  345. iframe#tumblr_controls {
  346. top: 0% !important;
  347. right:0% !important;
  348. opacity:0.3;
  349. position: fixed !important;
  350. filter:alpha(opacity=30);
  351. -webkit-transition: all 0.7s ease;
  352. -moz-transition: all 0.7s ease;
  353. -o-transition: all 0.7s ease;
  354. }
  355. iframe#tumblr_controls:hover{
  356. top: 0% !important;
  357. right:0% !important;
  358. opacity:0.8;
  359. position: fixed !important;
  360. filter:alpha(opacity=80);
  361. -webkit-transition: all 0.7s ease;
  362. -moz-transition: all 0.7s ease;
  363. -o-transition: all 0.7s ease;
  364. }
  365.  
  366. .l .odd{display:block;padding:5px 5px;}
  367. .l .even{display:block;background:#F7F7F7;padding:5px 5px;}
  368.  
  369. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  370. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  371. border-radius:10px;border-top-left-radius:0px;background:#000;}
  372.  
  373. ::selection {color: {color:Hover};}
  374. ::-moz-selection {color: {color:Hover};}
  375. ::-webkit-selection{color: {color:Hover};}
  376.  
  377. img{ margin-bottom:-3px;}
  378.  
  379. /* POSTNOTES */
  380.  
  381. ol.notes a{letter-spacing:1px;}
  382. ol.notes {
  383. list-style:none;
  384. font-size:8px;
  385. margin-top:20px;
  386. text-transform:none;}
  387.  
  388. ol.notes li.note img.avatar {
  389. vertical-align:-5px;
  390. margin-right:5px;
  391. width:20px;
  392. padding:4px;
  393. border:1px solid #EEE;}
  394.  
  395. ol.notes li.note {margin:5px 0px 10px -20px;}
  396. ol.notes li.note span.action {font-style: normal;}
  397. ol.notes li.note .answer_content {font-weight: normal;}
  398. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  399.  
  400. #bubblebar
  401. {font-family:lucida console;
  402. width:60px;
  403. position:fixed;
  404. right:121px;
  405. bottom:330px;
  406. z-index:999;
  407. font-size:9px;
  408. text-align:center;}
  409.  
  410. .bubble
  411. {text-align:center;
  412. color:#555;
  413. float:right;
  414. height:5px;
  415. width:29px;
  416. padding-top:12px;
  417. padding-bottom:12px;
  418. margin-top:10px;
  419. overflow:hidden;
  420. -moz-border-radius: 17px 17px 17px 17px;
  421. border-radius:17px 17px 17px 17px;
  422. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  423. .bubble img
  424. {margin-bottom:10px;
  425. margin-top:-2px;}
  426.  
  427.  
  428. #bubble1 {
  429. background-color:#fff;
  430. opacity: 0.5;
  431. margin-right: 307px;
  432. }
  433. #bubble1:hover
  434. {opacity: 0.9;}
  435.  
  436. #bubble2
  437. {
  438. background-color:#fff;
  439. opacity: 0.5;
  440. margin-right: 307px;}
  441. #bubble2:hover
  442. {opacity: 0.9;}
  443.  
  444. #bubble3
  445. {
  446. background-color:#fff;
  447. opacity: 0.5;
  448. margin-right: 307px;}
  449. #bubble3:hover
  450. {opacity: 0.9;}
  451.  
  452. #bubble4
  453. {
  454. background-color:#fff;
  455. opacity: 0.5;
  456. margin-right: 307px;}
  457. #bubble4:hover
  458. {opacity: 0.9;}
  459.  
  460. #bubble5
  461. {
  462. background-color:#fff;
  463. opacity: 0.5;
  464. margin-right: 307px;}
  465. #bubble5:hover
  466. {opacity: 0.9;}
  467.  
  468. #bubble6
  469. {
  470. background-color:#fff;
  471. opacity: 0.5;
  472. margin-right: 307px;}
  473. #bubble6:hover
  474. {opacity: 0.9;}
  475.  
  476. </style>
  477. </head>
  478. <body>
  479.  
  480.  
  481. <div id="center">
  482. <div id="sidebar">
  483.  
  484. <div id='bubblebar'>
  485. <div class='bubble' id='bubble1'><a href="/" title="refresh"><img src="{image:icon1}"/></a>
  486. <div>
  487. </div>
  488. </div><!--bubble1-->
  489.  
  490. <div class='bubble' id='bubble2'><a href="/ask" title="message"><img src="{image:icon2}"/></a>
  491. <div>
  492. </div>
  493. </div><!--bubble2-->
  494.  
  495. <div class='bubble' id='bubble3'><a href="{text:Custom Link One}" title="{text:Custom Link One Title}"><img src="{image:icon3}"/></a>
  496. <div></div>
  497. </div><!--bubble2-->
  498.  
  499. <div class='bubble' id='bubble4'><a href="{text:Custom Link Two}" title="{text:Custom Link Two Title}"><img src="{image:icon4}"/></a>
  500. <div></div>
  501. </div>
  502.  
  503. <div class='bubble' id='bubble5'><a href="{text:Custom Link Three}" title="{text:Custom Link Three Title}"><img src="{image:icon5}"/></a>
  504. <div></div>
  505. </div>
  506.  
  507. <div class='bubble' id='bubble6'><a href="{text:Custom Link Four}" title="{text:Custom Link Four Title}"><img src="{image:icon6}"/></a>
  508. <div></div>
  509. </div>
  510.  
  511. </div>
  512.  
  513. <div id="image"><img src="{image:sidebar1}"></div>
  514. <div id="titlec"><div class="blogtitle"><a href="/">{Title}</a></div></div>
  515.  
  516.  
  517.  
  518. <div id="descbox"><div class="desc">{Description}</div></div>
  519.  
  520.  
  521.  
  522.  
  523.  
  524. </div>
  525.  
  526.  
  527. <div id="content">
  528. {block:Posts}
  529.  
  530.  
  531. <div id="entry">
  532.  
  533. {block:IndexPage}
  534.  
  535. <div class="perma">
  536. <a href="{Permalink}"> {NoteCount}</a>
  537. <br><a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  538.  
  539.  
  540.  
  541. {block:HasTags}{/block:HasTags}
  542. <div class="tagsperma">{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}{/block:HasTags} </div>
  543.  
  544. </span></div>
  545.  
  546. {/block:IndexPage}
  547.  
  548. {block:Text}
  549. <div class="title">{Title}</div>{Body}
  550. {/block:Text}
  551.  
  552. {block:Link}
  553. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  554. {block:Description}{Description}{/block:Description}
  555. {/block:Link}
  556.  
  557. {block:Photo}
  558. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  559. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  560. {/block:Photo}
  561.  
  562. {block:Photoset}
  563. {Photoset-400}
  564. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  565. {/block:Photoset}
  566.  
  567. {block:Quote}
  568. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  569. {/block:Quote}
  570.  
  571. {block:Chat}
  572. <div class="title">{Title}</div>{block:Lines}
  573. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  574. {block:Label}<b>{Label} </b>{/block:Label}
  575. {Line}</div></div>{/block:Lines}
  576. {/block:Chat}
  577.  
  578. {block:Audio}
  579. {block:AlbumArt}
  580. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  581. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  582. <div class="audioinfo">
  583. <div class="i"><b>TITLE:</b>
  584. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  585.  
  586. <div class="i"><b>ARTIST:</b>
  587. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  588.  
  589. <div class="i"><b>PLAYS:</b>
  590. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  591. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}{/block:Audio}
  592.  
  593. {block:Video}
  594. {Video-400}
  595. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  596. {/block:Video}
  597.  
  598. {block:Answer}
  599. <div class="quote">{Question} → <b>{Asker}</b></div>
  600. <div class="answer">{Answer}</div>
  601. {/block:Answer}
  602.  
  603. <div id="permalink">
  604. <div class="tags">
  605. {block:IfShowTags}
  606. {block:HasTags}
  607. {block:Tags}<span style="border-top:1px dashed {color:post border};"</span>
  608. <a href="{TagURL}">#{Tag}</a>
  609. {/block:Tags}
  610. {/block:HasTags}
  611. {/block:IfShowTags}
  612. </div></div>
  613. {/block:IndexPage}
  614.  
  615. {block:PermalinkPage}
  616. <div id="permalink">
  617. {block:Date}posted
  618. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  619. {block:NoteCount}with
  620. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  621. {block:RebloggedFrom}
  622. | via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  623. {/block:RebloggedFrom}
  624.  
  625. <div class="tags">
  626. {block:HasTags}
  627. Tagged:
  628. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  629. {/block:Tags}
  630. {/block:HasTags}
  631. </div></div>
  632. {/block:PermalinkPage}
  633.  
  634.  
  635. {block:PostNotes}
  636. {PostNotes}
  637. {/block:PostNotes}
  638. </div>
  639. {/block:Posts}
  640.  
  641. </div>
  642.  
  643.  
  644. <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/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="" border="0" alt="" style="position:absolute; top: 0px; right: 0px;" /></a>
  645.  
  646.  
  647. <div id="c">
  648. <img src="http://static.tumblr.com/cbjpgjf/fMTmo7ks9/ugfhkld.gif"></a>
  649. </div>
  650.  
  651. <div id="cr">
  652. <a title="credit" href="http://no-faces-face.tumblr.com">
  653. <img src="http://static.tumblr.com/cbjpgjf/CiJmo7k1u/asdsdtghjgbuergbraek.gif"></a>
  654. </div>
  655.  
  656.  
  657.  
  658.  
  659. </body>
  660. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement