API tools faq
paste
Advertisement
nofacesface

What Time Is It?! Theme

nofacesface
May 16th, 2013
258
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat (◡‿◡✿)
  6. -->
  7.  
  8. <head>
  9.  
  10. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  11.  
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  13. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  14. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src={image:upbutton} title="Go to Top" alt="Go to Top"/></a>
  15.  
  16.  
  17.  
  18. <meta name="color:Title" content="#000"/>
  19. <meta name="color:Link" content="#000"/>
  20. <meta name="color:Hover" content="#fd1b6a"/>
  21. <meta name="color:Background" content="#fd1b6a"/>
  22. <meta name="color:Desc" content="#000000" />
  23. <meta name="color:Text" content="#000" />
  24. <meta name="color:PostText" content="#000" />
  25. <meta name="font:Text Font" content="arial"/>
  26. <meta name="if:link 1" content="0"/>
  27. <meta name="if:link 2" content="0"/>
  28. <meta name="if:link 3" content="0"/>
  29. <meta name="if:link 4" content="0"/>
  30. <meta name="if:link 5" content="0"/>
  31. <meta name="if:link 6" content="0"/>
  32. <meta name="if:link 7" content="0"/>
  33.  
  34. <meta name="color:Circle BG" content="#fff" />
  35. <meta name="image:upbutton" content="http://static.tumblr.com/cbjpgjf/4Cbmmx8k0/butts2.gif">
  36.  
  37.  
  38. <meta name="image:Circle" content="http://24.media.tumblr.com/758b612c7a50a846862c602cfdc2e3f2/tumblr_mmrs7tMO8m1r02ii7o3_500.jpg"/>
  39. <meta name="image:sideimage" content="http://static.tumblr.com/a22095503e39258db2de22433c4b3d1b/cbjpgjf/35mmmx7za/tumblr_static_butts.gif"/>
  40. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/NZ7mmx6w2/2ytwbiv.jpg" />
  41.  
  42. <meta name="if:Caption" content="0"/>
  43.  
  44. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description"
  45. content="{MetaDescription}" />{/block:Description}
  46. <link rel="shortcut icon" href="{Favicon}">
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. #tumblr_controls {
  52. position: fixed !important;
  53. }
  54.  
  55. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; 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;}
  56.  
  57. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  58.  
  59.  
  60.  
  61.  
  62. ::-webkit-scrollbar {width: 5px;height:5px;background:#FFF;}
  63. ::-webkit-scrollbar-thumb {background:{color:Hover};}
  64.  
  65.  
  66.  
  67. /* GENERAL */
  68.  
  69.  
  70.  
  71.  
  72. @font-face {
  73. font-family: "rs";
  74. src: url('http://static.tumblr.com/cbjpgjf/wJUmpkabc/04b_03__.ttf');
  75. }
  76.  
  77. @font-face {
  78. font-family: "blake2";
  79. src: url('http://static.tumblr.com/cbjpgjf/wJUmpkabc/04b_03__.ttf');
  80. }
  81.  
  82. body{
  83. margin:0px;
  84. font-family: rs;
  85. font-size: 8px;
  86. line-height: 12px;
  87. color: {color:text};;
  88. }
  89.  
  90.  
  91.  
  92. body {
  93. background-color: {color:Background};
  94.  
  95. background-image: url({image:Background});
  96. margin: 0;
  97. word-wrap: break-word;
  98. background-attachment: fixed;
  99. background-repeat:repeat-x;background-position:left bottom;
  100.  
  101. }
  102.  
  103.  
  104. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  105. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  106. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  107.  
  108. a:hover{color:{color:Hover};}
  109.  
  110. /* POSTS */
  111.  
  112. #center{margin:auto;position:relative;width:400px;}
  113. #content{width:400px;margin:10px 350px; margin-top: -50px;}
  114. #entry{margin:50px;width:400px;padding: 4px; background-color: #fff; border-top-left-radius: 5px ;
  115. border-top-right-radius:5px ;
  116. border-bottom-right-radius: 5px ;
  117. border-bottom-left-radius: 5px ;
  118. opacity: 0.7px;
  119. -webkit-transition: opacity 0.6s linear;
  120. -webkit-transition: all 0.6s ease-in-out;
  121. -moz-transition: all 0.6s ease-in-out;
  122. -o-transition: all 0.6s ease-in-out;}
  123. #entry img{max-width:100%;
  124. border-top-left-radius: 5px ;
  125. border-top-right-radius:5px ;
  126. border-bottom-right-radius: 5px ;
  127. border-bottom-left-radius: 5px ;
  128. opacity: 0.7px;
  129. -webkit-transition: opacity 0.6s linear;
  130. -webkit-transition: all 0.6s ease-in-out;
  131. -moz-transition: all 0.6s ease-in-out;
  132. -o-transition: all 0.6s ease-in-out;}
  133.  
  134. #content #entry {
  135. box-shadow:rgba(0,0,0,0.06)6px 6px;}
  136.  
  137. /* SIDEBAR */
  138.  
  139. #image {
  140. width: 100px;
  141. height: 100px;
  142. margin-top:268px;
  143. margin-left:940px;
  144. position: fixed;
  145. }
  146.  
  147. #sidebar{
  148. width:110px;
  149. height: 1px;
  150. margin-left:55px;
  151. margin-top:70px;
  152. postion:fixed;
  153. }
  154.  
  155. #sidebar #res {
  156. padding: 5px;
  157. width: 110px;
  158. height: 1px;
  159. margin-left: 100px;
  160. margin-top: 380px;
  161. position: fixed;
  162.  
  163. }
  164.  
  165. #butts {
  166. position:fixed; top:170px; left:70px; width:260px; height:260px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; padding:10px;}
  167. #butts img {
  168. box-shadow:rgba(0,0,0,.09)8px 8px;
  169. -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; width:260px; height:260px;}
  170.  
  171. #blogtitle {margin-top: 30px; font-family:blake2; font-size:18px; text-transform:uppercase; line-height:25px; text-align: center; color:{color:Blog Title};}
  172. #blogtitle:hover {
  173. -webkit-transition: all 0.5s ease-in-out;
  174. -moz-transition: all 0.5s ease-in-out;
  175. -o-transition: all 0.5s ease-in-out;
  176. transition: all 0.5s ease-in-out;
  177. color: {color:titlehover};}
  178.  
  179. #description {font-family:rs; font-size:8px; padding: 2px; text-transform:none; letter-spacing:1px; line-height:12px; color:{color:description}; text-align: center;}
  180.  
  181. #booty {
  182. overflow: hidden;
  183. box-shadow:rgba(0,0,0,0.09)8px 8px;position:fixed; background-color:{color:Circle BG};
  184. height:200px; width:200px; padding:30px;
  185. -webkit-border-radius: 500px;
  186. -moz-border-radius: 500px;
  187. -o-border-radius: 500px;
  188. top:180px; left:80px;
  189. opacity:0;
  190. -webkit-transition: all 0.5s ease-in-out;
  191. -moz-transition: all 0.5s ease-in-out;
  192. -o-transition: all 0.5s ease-in-out;
  193. transition: all 0.5s ease-in-out;
  194. color:{color:Circle Text};}
  195.  
  196. #booty:hover {opacity:0.9; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  197.  
  198. }
  199.  
  200. /* TITLES */
  201.  
  202. .title a{color:{color:Title};}
  203. .title {font-family:blake2;
  204. font-size:14px;
  205. font-style:none;
  206. margin:0px 5px 0px 0px;
  207. color:{color:PostText};}
  208.  
  209. .quote {
  210. padding:10px;
  211. font-size:8px;
  212. text-transform:none;
  213. color: {color:Text};}
  214.  
  215. .source {
  216. font-size: 8px;
  217. text-align:right;
  218. font-style:none;
  219. font-weight:none;
  220. text-transform:none;}
  221.  
  222. .answer {margin:10px;}
  223.  
  224. /* PERMALINKS */
  225.  
  226. #entry:hover .perma {
  227. opacity:1;
  228. margin-left:415px;
  229. -webkit-transition: all 0.9s ease;
  230. -moz-transition: all 0.9s ease;
  231. }
  232.  
  233.  
  234.  
  235. .perma a {
  236. color:{color:Link};
  237. font-size:10px;
  238. text-transform:normal;}
  239.  
  240. .perma a:hover {
  241. color:{color:Hover};
  242. }
  243.  
  244.  
  245. .perma {
  246. margin-left:415px;
  247. text-transform: none;
  248. position:absolute;
  249. font-family: blake2;
  250. line-height:11px;
  251. text-align:left;
  252. overflow:hidden;
  253. margin-top:10px;
  254. opacity:0;
  255. padding: 2px;
  256. width:80px;
  257. border-left: 2px solid #000;
  258. -webkit-transition: all 0.9s ease;
  259. -moz-transition: all 0.9s;
  260. }
  261.  
  262.  
  263.  
  264.  
  265. .tagsperma {
  266. text-transform:lowercase;
  267. }
  268.  
  269.  
  270. .tagsperma a {
  271. margin-top: -20px;
  272. {color:Link};
  273. font-size:8px;
  274. font-family: blake2;
  275. line-height:10px;
  276. transition-duration: 0.60s;
  277. -moz-transition-duration: 0.60s;
  278. -webkit-transition-duration: 0.60s;
  279. -o-transition-duration: 0.60s;
  280. }
  281.  
  282. .tagsperma a:hover {
  283. color:{color:Hover};
  284. }
  285.  
  286.  
  287.  
  288.  
  289. #permalink{
  290. {block:PermalinkPage}
  291. text-align:center;
  292. margin-top:10px;
  293. padding:0px;
  294. font-size:10px;
  295. text-transform:lowercase;
  296. color: #000;
  297. {/block:PermalinkPage}
  298. }
  299.  
  300. /* AUDIO */
  301.  
  302. .artcover {position:absolute;}
  303. .artcover img {width:70px;height:70px;float:left;}
  304. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  305. .audioinfo {margin-left:75px;border-left:2px solid #CCC;padding:5px;}
  306. .i{display:block;padding:6px 3px;line-height:8px;}
  307. .player{position:absolute;background:#FFF;width:30px;height:30px;
  308. opacity:0.45;padding:20px;overflow:hidden;
  309. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  310. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  311. .player:hover{opacity:0.75;}
  312.  
  313. /* TEXT */
  314.  
  315. i, em{color:{color:Title};}
  316. b, strong{color:{color:Title};}
  317. ul,ol{margin:0px;margin-left:-10px;}
  318. p{padding:0px;margin:10px;}
  319. u{text-decoration:none;color:{color:Title};
  320. border-bottom:1px dotted {color:Title};}
  321. blockquote {margin:2px; margin-left:10px;
  322. padding:2px;border-left:2px solid #CCC;}
  323.  
  324. /* MISC */
  325.  
  326. #scrollToTop:link,
  327. #scrollToTop:visited {
  328. display: none;
  329. position: fixed;
  330. bottom: 150px;
  331. left: 190px;
  332. }
  333.  
  334. #c img{width:45%; box-shadow: rgba(0,0,0,0.3) 3px 3px;}
  335. #c{position:fixed;left:2px;top:2px;}
  336.  
  337. #cr img{width:45%;}
  338. #cr{position:fixed;left:2px;top:2px; opacity: 0;
  339. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  340. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  341. #cr:hover { opacity: 1;
  342. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  343. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  344.  
  345.  
  346. .l .odd{display:block;padding:5px 5px;}
  347. .l .even{display:block;background:#F7F7F7;padding:5px 5px;}
  348.  
  349. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  350. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  351. border-radius:10px;border-top-left-radius:0px;background:#EEE;}
  352.  
  353. ::selection {color: {color:Hover};}
  354. ::-moz-selection {color: {color:Hover};}
  355. ::-webkit-selection{color: {color:Hover};}
  356.  
  357. img{ margin-bottom:-3px;}
  358.  
  359.  
  360.  
  361. /* POSTNOTES */
  362.  
  363. ol.notes a{letter-spacing:1px;}
  364. ol.notes {
  365. list-style:none;
  366. font-size:8px;
  367. margin-top:20px;
  368. text-transform:none;}
  369.  
  370. ol.notes li.note img.avatar {
  371. vertical-align:-5px;
  372. margin-right:5px;
  373. width:20px;
  374. padding:4px;
  375. border:1px solid #EEE;}
  376.  
  377. ol.notes li.note {margin:5px 0px 10px -20px;}
  378. ol.notes li.note span.action {font-style: normal;}
  379. ol.notes li.note .answer_content {font-weight: normal;}
  380. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  381.  
  382.  
  383. </style>
  384. </head>
  385. <body>
  386.  
  387. <div id="image"><img src="{image:sideimage}"></div>
  388.  
  389. <div id="butts"><img src="{image:Circle}"></div>
  390.  
  391. <div id="booty"><a href="/"><div id="blogtitle">{Title}</div></a><div id="description">{Description}</div></div>
  392.  
  393. <div id="sidebar">
  394. <div id="res2"></div>
  395. <div id="res">
  396. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:verdana; opacity: 0.7; font-size:10px; color:{color:background and text}; width: 110px;">
  397. <option value="/">navigation</option>
  398. <option value="/">home</option>
  399. <option value="/about">about</option>
  400. <option value="/ask">ask</option>
  401. <option value="/submit">submit</option>
  402. {block:Iflink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:Iflink1}
  403. {block:Iflink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:Iflink2}
  404. {block:Iflink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:Iflink3}
  405. {block:Iflink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:Iflink4}
  406. {block:Iflink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:Iflink5}
  407. {block:Iflink6}<option value="{text:link 6 url}">{text:link 6 title}</option>{/block:Iflink6}
  408. {block:Iflink7}<option value="{text:link 7 url}">{text:link 7 title}</option>{/block:Iflink7}
  409. </select></div> </div>
  410.  
  411.  
  412. <div id="center">
  413.  
  414.  
  415. </div>
  416.  
  417.  
  418. <div id="content">
  419. {block:Posts}
  420.  
  421. {block:ContentSource}
  422. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  423. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  424. {/block:SourceLogo}
  425. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  426. {/block:ContentSource}
  427.  
  428. <div id="entry">
  429.  
  430. {block:IndexPage}
  431.  
  432. <div class="perma">
  433. <a href="{Permalink}"> {NoteCount}</a>
  434. <br><a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  435.  
  436.  
  437.  
  438. {block:HasTags}{/block:HasTags}
  439. <div class="tagsperma">{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}{/block:HasTags} </div>
  440.  
  441. </span></div>
  442.  
  443. {/block:IndexPage}
  444.  
  445. {block:Text}
  446. <div class="title">{Title}</div>{Body}
  447. {/block:Text}
  448.  
  449. {block:Link}
  450. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  451. {block:Description}{Description}{/block:Description}
  452. {/block:Link}
  453.  
  454. {block:Photo}
  455. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  456. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  457. {/block:Photo}
  458.  
  459. {block:Photoset}
  460. {Photoset-400}
  461. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  462. {/block:Photoset}
  463.  
  464. {block:Quote}
  465. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  466. {/block:Quote}
  467.  
  468. {block:Chat}
  469. <div class="title">{Title}</div>{block:Lines}
  470. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  471. {block:Label}<b>{Label} </b>{/block:Label}
  472. {Line}</div></div>{/block:Lines}
  473. {/block:Chat}
  474.  
  475. {block:Audio}
  476. {block:AlbumArt}
  477. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  478. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  479. <div class="audioinfo">
  480. <div class="i"><b>TITLE:</b>
  481. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  482.  
  483. <div class="i"><b>ARTIST:</b>
  484. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  485.  
  486. <div class="i"><b>PLAYS:</b>
  487. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  488. {/block:Audio}
  489.  
  490. {block:Video}
  491. {Video-400}
  492. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  493. {/block:Video}
  494.  
  495. {block:Answer}
  496. <div class="quote">{Question} → <b>{Asker}</b></div>
  497. <div class="answer">{Answer}</div>
  498. {/block:Answer}
  499.  
  500. <div id="permalink">
  501. <div class="tags">
  502. {block:IfShowTags}
  503. {block:HasTags}
  504. {block:Tags}<span style="border-top:1px dashed {color:post border};"</span>
  505. <a href="{TagURL}">#{Tag}</a>
  506. {/block:Tags}
  507. {/block:HasTags}
  508. {/block:IfShowTags}
  509. </div></div>
  510. {/block:IndexPage}
  511.  
  512. {block:PermalinkPage}
  513. <div id="permalink">
  514. {block:Date}posted
  515. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  516. {block:NoteCount}with
  517. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  518. {block:RebloggedFrom}
  519. | via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  520. {/block:RebloggedFrom}
  521.  
  522. <div class="tags">
  523. {block:HasTags}
  524. Tagged:
  525. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  526. {/block:Tags}
  527. {/block:HasTags}
  528. </div></div>
  529. {/block:PermalinkPage}
  530.  
  531.  
  532. {block:PostNotes}
  533. {PostNotes}
  534. {/block:PostNotes}
  535. </div>
  536. {/block:Posts}
  537.  
  538. </div>
  539.  
  540.  
  541.  
  542. <div id="c">
  543. <img src="http://static.tumblr.com/cbjpgjf/fMTmo7ks9/ugfhkld.gif"></a>
  544. </div>
  545.  
  546. <div id="cr">
  547. <a title="credit" href="http://no-faces-face.tumblr.com">
  548. <img src="http://static.tumblr.com/cbjpgjf/CiJmo7k1u/asdsdtghjgbuergbraek.gif"></a>
  549. </div>
  550.  
  551. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" title="Tiny Hand"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>
  552.  
  553.  
  554.  
  555.  
  556. </body>
  557. </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!