API tools faq
paste
Advertisement
nofacesface

Lance Corporal Theme

nofacesface
Oct 24th, 2013
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.33 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. <meta name="color:Link" content="#000"/>
  11. <meta name="color:border" content="#000"/>
  12. <meta name="color:PermLink" content="#fff"/>
  13. <meta name="color:Hover" content="#6e7d9c"/>
  14. <meta name="color:titlehover" content="#000"/>
  15. <meta name="color:Background" content="#000" />
  16. <meta name="color:Text" content="#000" />
  17. <meta name="color:blogtitle" content="#cdcfd4" />
  18. <meta name="color:Underline" content="#6e7d9c" />
  19. <meta name="color:Bold" content="#a6b4c3" />
  20. <meta name="color:Italic" content="#7a9ac3" />
  21. <meta name="color:Roman Numeral" content="#fff" />
  22. <meta name="color:navbox1" content="#dbe1e6" />
  23. <meta name="color:navbox2" content="#b1c1ce" />
  24. <meta name="color:navbox3" content="#9aaebe" />
  25. <meta name="color:navbox4" content="#5d768a" />
  26. <meta name="color:navbox5" content="#5d768a" />
  27. <meta name="color:navbox6" content="#4b6071" />
  28. <meta name="color:pagin" content="#a6b4c3" />
  29. <meta name="color:paginhover" content="#6e7d9c" />
  30. <meta name="color:pagintext" content="#a6b4c3" />
  31. <meta name="color:pagintexthover" content="#485564" />
  32. <meta name="color:border" content="#000" />
  33. <meta name="color:desc" content="#000" />
  34. <meta name="color:reblog" content="#6e7d9c" />
  35. <meta name="color:notes" content="#a6b4c3" />
  36.  
  37.  
  38.  
  39. <meta name="image:sidebar" content="http://static.tumblr.com/cbjpgjf/GqCmv6yrr/tumblr_mnovykvc9k1srzkmvo1_400.png"/>
  40. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/0EZmv6ysi/tumblr_lvuln9wykz1r1ne7to3_250.jpg" />
  41.  
  42. <meta name="text:link1" content="" />
  43. <meta name="text:link1name" content="" />
  44. <meta name="text:link2" content="" />
  45. <meta name="text:link2name" content="" />
  46. <meta name="text:link3" content="" />
  47. <meta name="text:link3name" content="" />
  48. <meta name="text:link4" content="" />
  49. <meta name="text:link4name" content="" />
  50. <meta name="text:link5" content="" />
  51. <meta name="text:link5name" content="" />
  52. <meta name="text:link6" content="" />
  53. <meta name="text:link6name" content="" />
  54.  
  55.  
  56. <meta name="if:caption" content="0"/>
  57. <meta name="if:photoeffect" content="0"/>
  58.  
  59. <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)"
  60. content="{MetaDescription}" />{/block:Description}
  61. <link rel="shortcut icon" href="{Favicon}">
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  64.  
  65. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  66.  
  67. <style type="text/css">
  68.  
  69.  
  70.  
  71. ::-webkit-scrollbar {width: 5px;height:5px;background:#FFF;}
  72. ::-webkit-scrollbar-thumb {background:{color:Hover};}
  73.  
  74.  
  75.  
  76. /* GENERAL */
  77.  
  78. #tumblr_controls {
  79. position: fixed !important;
  80. }
  81.  
  82. 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;}
  83.  
  84. 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;}
  85.  
  86.  
  87.  
  88.  
  89. @font-face {
  90. font-family: "title";
  91. src: url('http://static.tumblr.com/cbjpgjf/4clmv5kmf/basictitlefont.ttf');
  92. }
  93.  
  94. @font-face {
  95. font-family: "body";
  96. src: url('http://static.tumblr.com/cbjpgjf/wPKmv5fe4/slkscr.ttf');
  97. }
  98.  
  99.  
  100. body{
  101. margin:0px;
  102. font-family: body;
  103. font-size: 8px;
  104. letter-spacing:0px;
  105. line-height: 11px;
  106. color: {color:text};
  107. }
  108.  
  109.  
  110.  
  111. body {
  112. background-color: {color:Background};
  113.  
  114. background-image: url({image:Background});
  115. margin: 0;
  116. word-wrap: break-word;
  117. background-attachment: fixed;
  118.  
  119. }
  120.  
  121.  
  122. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  123. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  124. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  125.  
  126. a:hover{color:{color:Hover};}
  127.  
  128. a.class1 {color: {color:blogtitle};}
  129. a.class1:link
  130. a.class1:active
  131. a.class1:visited{text-decoration: none;color: {color:Link};
  132. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  133. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  134. a.class1:hover{color: {color:titlehover};}
  135.  
  136.  
  137. a.class2 {color: {color:pagintext};}
  138. a.class2:link
  139. a.class2:active
  140. a.class2:visited{text-decoration: none;color: {color:Link};
  141. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  142. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  143. a.class2:hover{color: {color:pagintexthover};}
  144.  
  145.  
  146. /* POSTS */
  147.  
  148. #center{margin:auto;position:relative;width:500px;}
  149. #content{width:500px;margin:0px 400px;}
  150. #entry{margin:25px;width:500px;padding: 7px;
  151. opacity: 0.7px;
  152. -webkit-transition: opacity 0.6s linear;
  153. -webkit-transition: all 0.6s ease-in-out;
  154. -moz-transition: all 0.6s ease-in-out;
  155. -o-transition: all 0.6s ease-in-out;}
  156. #entry img{max-width:100%;
  157. opacity: 0.7px;
  158. -webkit-transition: opacity 0.6s linear;
  159. -webkit-transition: all 0.6s ease-in-out;
  160. -moz-transition: all 0.6s ease-in-out;
  161. -o-transition: all 0.6s ease-in-out;}
  162.  
  163.  
  164. #entry {
  165. {block:ifphotoeffect}
  166. opacity: 1;
  167. -webkit-filter: grayscale(100%);
  168. {/block:ifphotoeffect} }
  169.  
  170. #entry:hover {
  171. opacity: 1;
  172. -webkit-filter:none;
  173. -webkit-transition: opacity 0.6s linear;
  174. -webkit-transition: all 0.6s ease-in-out;
  175. -moz-transition: all 0.6s ease-in-out;
  176. -o-transition: all 0.6s ease-in-out;
  177. }
  178.  
  179.  
  180.  
  181. /* SIDEBAR */
  182.  
  183. #image {
  184. background-color: gray;
  185. position: fixed;
  186. width: 412px;
  187. height: 668px;
  188. margin-left: -10px;
  189. margin-top: -25px;
  190. opacity: 1;
  191. -webkit-transition: all 1.9s ease;transition: all 1.9s ease;
  192. -moz-transition: all 1.9s ease;-o-transition: all 1.9s ease;
  193.  
  194. }
  195.  
  196.  
  197.  
  198. #image img {
  199. width: 100%;
  200. height: 669px; }
  201.  
  202. div.both:hover #image {
  203. opacity: .3;
  204. }
  205.  
  206. div.both:hover .image {
  207. opacity: 0.6;
  208. }
  209.  
  210. #titlewrapper {
  211. overflow: hidden;
  212. background-color: none;
  213. width: 412px;
  214. height: 85px;
  215. margin-top: -100px;
  216. margin-left: -10px;
  217. position: fixed;
  218. z-index: 999;
  219. opacity: 0;
  220. -webkit-transition: all 1s ease;transition: all 1s ease;
  221. -moz-transition: all 1s ease;-o-transition: all 1s ease;
  222. }
  223.  
  224. #blogtitle {
  225. font-family: "title";
  226. font-size: 20px;
  227. letter-spacing: 15px;
  228. text-transform: uppercase;
  229. margin-top: 45px;
  230. text-align: center;
  231. color: white;
  232. padding-left: 18px;
  233. }
  234.  
  235. #blogtitle:hover {
  236. font-size: 20px;
  237. letter-spacing: 17px;
  238. }
  239.  
  240.  
  241. div.both:hover #titlewrapper {
  242. opacity: .9;
  243. margin-top: 28px;
  244.  
  245. }
  246.  
  247. .descbox{
  248. margin-top: 103px;
  249. margin-left: 16px;
  250. width: 360px;
  251. height: 195px;
  252. position: fixed;
  253. background-color: rgba(255,255,255,0.8);
  254. z-index: 99;
  255. opacity: 0;
  256. -webkit-transition: all .7s ease;transition: all .7s ease;
  257. -moz-transition: all .7s ease;-o-transition: all .7s ease;}
  258.  
  259. .desc {
  260. font-family: body;
  261. font-size: 8px;
  262. text-align: center;
  263. letter-spacing:0px;
  264. padding-top: 50px;
  265. color: {color:desc};
  266. }
  267.  
  268. div.both:hover .descbox {
  269. opacity: 1;
  270. }
  271.  
  272. .linkbar1 {
  273. position: fixed;
  274. margin-top: 200px;
  275. margin-left: 16px;
  276. opacity: 0;
  277. width: 360px;
  278. height: 1px;
  279. background-color: {color:border};
  280. -webkit-transition: all .7s ease;transition: all .7s ease;
  281. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  282.  
  283. }
  284.  
  285. div.both:hover .linkbar1 {
  286. margin-top: 100px;
  287. opacity: 1;
  288. }
  289.  
  290. .linkbar2 {
  291. position: fixed;
  292. margin-top: 200px;
  293. margin-left: 16px;
  294. opacity: 0;
  295. width: 360px;
  296. height: 1px;
  297. background-color: {color:border};
  298. -webkit-transition: all .7s ease;transition: all .7s ease;
  299. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  300.  
  301. }
  302.  
  303. div.both:hover .linkbar2 {
  304. margin-top: 300px;
  305. opacity: 1;
  306. }
  307.  
  308. #linkbar {
  309. position: fixed;
  310. margin-top: 303px;
  311. margin-left: 16px;
  312. opacity: 0;
  313. width: 360px;
  314. height: 50px;
  315. overflow:hidden;
  316. background-color: none;
  317. -webkit-transition: all .9s ease;transition: all .9s ease;
  318. -moz-transition: all .9s ease;-o-transition: all .9s ease;
  319.  
  320. }
  321.  
  322. div.both:hover #linkbar {
  323. opacity: 1;
  324. }
  325.  
  326. .linkbox1 {
  327. z-index: 0;
  328. position: absolute;
  329. margin-top: 0px;
  330. margin-left: 0px;
  331. opacity: 1;
  332. width: 50px;
  333. height: 50px;
  334. background-color: none;
  335. -webkit-transition: all .7s ease;transition: all .7s ease;
  336. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  337. }
  338.  
  339. .link1 {
  340. padding-top: 18px;
  341. font-family: "title";
  342. font-size: 20px;
  343. text-align: center;
  344. color: {color:Roman Numeral}; }
  345.  
  346. .linkunowrapper {
  347. position: absolute;
  348. margin-top: -29px;
  349. margin-left: 0px;
  350. opacity: 0;
  351. width: 50px;
  352. height: 50px;
  353. background-color: {color:navbox1};
  354. -webkit-transition: all .7 ease;transition: all .7s ease;
  355. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  356. }
  357.  
  358.  
  359. div.linkbox1:hover .linkunowrapper {
  360. margin-top: -29px;
  361. opacity: 1;
  362. }
  363.  
  364.  
  365. .linkuno {
  366. padding-top: 20px;
  367. font-family: "body";
  368. font-size: 8px;
  369. letter-spacing: 1px;
  370. text-align: center;
  371. color: {color:Nav};
  372. -webkit-transition: all .7s ease;transition: all .7s ease;
  373. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  374. margin-top: -1px;
  375. }
  376.  
  377.  
  378.  
  379. .linkbox2 {
  380. z-index: 0;
  381. position: absolute;
  382. margin-top: 0px;
  383. margin-left: 62px;
  384. opacity: 1;
  385. width: 50px;
  386. height: 50px;
  387. background-color: none;
  388. -webkit-transition: all .7s ease;transition: all .7s ease;
  389. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  390. }
  391.  
  392. .link2 {
  393. padding-top: 18px;
  394. font-family: "title";
  395. font-size: 20px;
  396. text-align: center;
  397. color: {color:Roman Numeral}; }
  398.  
  399. .linkdoswrapper {
  400. position: absolute;
  401. margin-top: -29px;
  402. margin-left: 0px;
  403. opacity: 0;
  404. width: 50px;
  405. height: 50px;
  406. background-color: {color:navbox2};
  407. -webkit-transition: all .7 ease;transition: all .7s ease;
  408. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  409. }
  410.  
  411.  
  412. div.linkbox2:hover .linkdoswrapper {
  413. opacity: 1;}
  414.  
  415.  
  416. .linkdos {
  417. padding-top: 20px;
  418. font-family: "body";
  419. font-size: 8px;
  420. letter-spacing: 1px;
  421. text-align: center;
  422. color: {color:Nav};
  423. -webkit-transition: all .7s ease;transition: all .7s ease;
  424. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  425. margin-top: -1px;
  426. }
  427.  
  428.  
  429. .linkbox3 {
  430. z-index: 0;
  431. position: absolute;
  432. margin-top: 0px;
  433. margin-left: 124px;
  434. opacity: 1;
  435. width: 50px;
  436. height: 50px;
  437. background-color: none;
  438. -webkit-transition: all .7s ease;transition: all .7s ease;
  439. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  440. }
  441.  
  442. .link3 {
  443. padding-top: 18px;
  444. font-family: "title";
  445. font-size: 20px;
  446. text-align: center;
  447. color: {color:Roman Numeral}; }
  448.  
  449. .linktreswrapper {
  450. position: absolute;
  451. margin-top: -29px;
  452. margin-left: 0px;
  453. opacity: 0;
  454. width: 50px;
  455. height: 50px;
  456. background-color: {color:navbox3};
  457. -webkit-transition: all .7 ease;transition: all .7s ease;
  458. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  459. }
  460.  
  461.  
  462. div.linkbox3:hover .linktreswrapper {
  463. opacity: 1;
  464. }
  465.  
  466.  
  467. .linktres {
  468. padding-top: 20px;
  469. font-family: "body";
  470. font-size: 9px;
  471. letter-spacing: 1px;
  472. text-align: center;
  473. color: {color:Nav};
  474. -webkit-transition: all .7s ease;transition: all .7s ease;
  475. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  476. margin-top: -1px;
  477. }
  478.  
  479.  
  480. .linkbox4 {
  481. z-index: 0;
  482. position: absolute;
  483. margin-top: 0px;
  484. margin-left: 186px;
  485. opacity: 1;
  486. width: 50px;
  487. height: 50px;
  488. background-color: none;
  489. -webkit-transition: all .7s ease;transition: all .7s ease;
  490. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  491. }
  492.  
  493. .link4 {
  494. padding-top: 18px;
  495. font-family: "title";
  496. font-size: 20px;
  497. text-align: center;
  498. color: {color:Roman Numeral}; }
  499.  
  500. .linkcuatrowrapper {
  501. position: absolute;
  502. margin-top: -29px;
  503. margin-left: 0px;
  504. opacity: 0;
  505. width: 50px;
  506. height: 50px;
  507. background-color: {color:navbox4};
  508. -webkit-transition: all .7 ease;transition: all .7s ease;
  509. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  510. }
  511.  
  512.  
  513. div.linkbox4:hover .linkcuatrowrapper {
  514. opacity: 1;
  515. }
  516.  
  517.  
  518. .linkcuatro {
  519. padding-top: 20px;
  520. font-family: "body";
  521. font-size: 8px;
  522. letter-spacing: 1px;
  523. text-align: center;
  524. color: {color:Nav};
  525. -webkit-transition: all .7s ease;transition: all .7s ease;
  526. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  527. margin-top: -1px;
  528. }
  529.  
  530. .linkbox5 {
  531. z-index: 0;
  532. position: absolute;
  533. margin-top: 0px;
  534. margin-left: 248px;
  535. opacity: 1;
  536. width: 50px;
  537. height: 50px;
  538. background-color: none;
  539. -webkit-transition: all .7s ease;transition: all .7s ease;
  540. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  541. }
  542.  
  543. .link5 {
  544. padding-top: 18px;
  545. font-family: "title";
  546. font-size: 20px;
  547. text-align: center;
  548. color: {color:Roman Numeral}; }
  549.  
  550. .linkcincowrapper {
  551. position: absolute;
  552. margin-top: -29px;
  553. margin-left: 0px;
  554. opacity: 0;
  555. width: 50px;
  556. height: 50px;
  557. background-color: {color:navbox5};
  558. -webkit-transition: all .7 ease;transition: all .7s ease;
  559. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  560. }
  561.  
  562.  
  563. div.linkbox5:hover .linkcincowrapper {
  564. opacity: 1;
  565. }
  566.  
  567.  
  568. .linkcinco {
  569. padding-top: 16px;
  570. font-family: "body";
  571. font-size: 8px;
  572. letter-spacing: 1px;
  573. text-align: center;
  574. color: {color:Nav};
  575. -webkit-transition: all .7s ease;transition: all .7s ease;
  576. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  577. margin-top: -1px;
  578. }
  579.  
  580. .linkbox6 {
  581. z-index: 0;
  582. position: absolute;
  583. margin-top: 0px;
  584. margin-left: 310px;
  585. opacity: 1;
  586. width: 50px;
  587. height: 50px;
  588. background-color: none;
  589. -webkit-transition: all .7s ease;transition: all .7s ease;
  590. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  591. }
  592.  
  593. .link6 {
  594. padding-top: 18px;
  595. font-family: "title";
  596. font-size: 20px;
  597. text-align: center;
  598. color: {color:Roman Numeral}; }
  599.  
  600. .linkseiswrapper {
  601. position: absolute;
  602. margin-top: -29px;
  603. margin-left: 0px;
  604. opacity: 0;
  605. width: 50px;
  606. height: 50px;
  607. background-color: {color:navbox6};
  608. -webkit-transition: all .7 ease;transition: all .7s ease;
  609. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  610. }
  611.  
  612.  
  613. div.linkbox6:hover .linkseiswrapper {
  614. opacity: 1;
  615. }
  616.  
  617.  
  618. .linkseis {
  619. padding-top: 20px;
  620. font-family: "body";
  621. font-size: 8px;
  622. letter-spacing: 1px;
  623. text-align: center;
  624. color: {color:Nav};
  625. -webkit-transition: all .7s ease;transition: all .7s ease;
  626. -moz-transition: all .7s ease;-o-transition: all .7s ease;
  627. margin-top: -1px;
  628. }
  629.  
  630.  
  631. /*PAGINATION*/
  632.  
  633. #paginwrapper {
  634. position: fixed;
  635. height: 50px;
  636. width: 150px;
  637. bottom: 0px;
  638. right: 240px;
  639. }
  640.  
  641. .jump_page {
  642. padding: 8px;
  643. background-color: {color:pagin};
  644. color: {color:pagintext};
  645. font-size:10px;
  646. text-decoration:none;
  647. }
  648.  
  649. .current_page, .jump_page:hover {
  650. padding: 8px;
  651. background-color: {color:paginhover};
  652. color: {color:pagintexthover};
  653. font-size:10px;
  654. }
  655.  
  656. /* TITLES */
  657.  
  658. .title a{color:{color:text};}
  659. .title {font-family:title;
  660. font-size:20px;
  661. font-style:none;
  662. margin:0px 0px 0px 0px;
  663. color:#000;}
  664.  
  665. .quote {
  666. padding:10px;
  667. font-size:9px;
  668. letter-spacing: 0px;
  669. text-transform:none;
  670. color: {color:Text};}
  671.  
  672. .source {
  673. font-size:9px;
  674. letter-spacing: 2px;
  675. text-align:right;
  676. font-style:none;
  677. font-weight:none;
  678. text-transform:none;}
  679.  
  680. .answer {margin:10px;}
  681.  
  682. /* PERMALINKS */
  683.  
  684. #entry:hover .perma {
  685. opacity:1;
  686. -webkit-transition: all 0.9s ease;
  687. -moz-transition: all 0.9s ease;}
  688.  
  689. {block:PermalinkPage}
  690. width:500px;
  691. margin-left:50px;
  692. {/block:PermalinkPage}
  693.  
  694. .perma a {
  695. color:{color:Link};
  696. text-transform:normal;}
  697.  
  698. .perma a:hover {
  699. color:{color:Hover};
  700. }
  701.  
  702.  
  703. .perma {
  704. margin-left:482px;
  705. text-transform: normal;
  706. position:absolute;
  707. width: 100px;
  708. height: 33px;
  709. line-height:10px;
  710. text-align:center;
  711. margin-top: 3px;
  712. opacity:0;
  713. -webkit-transition: all 0.9s ease;
  714. -moz-transition: all 0.9s;
  715. }
  716.  
  717. .perma1 {
  718. opacity: 1;
  719. width: 15px;
  720. height: 15px;
  721. background-color: none;
  722. margin-left: 0px;
  723. margin-top:0px;
  724. position: absolute;
  725. -webkit-transition: all 0.9s ease;
  726. -moz-transition: all 0.9s;
  727. overflow: hidden;
  728. }
  729.  
  730. .perma1:hover {
  731. width: 90px;
  732. }
  733.  
  734. .permaline1 {
  735. opacity: 0;
  736. width: 0px;
  737. height: 1px;
  738. background-color: {color:border};
  739. margin-left: 0px;
  740. margin-top:7px;
  741. position: absolute;
  742. -webkit-transition: all 0.9s ease;
  743. -moz-transition: all 0.9s;
  744. overflow: hidden;
  745. }
  746.  
  747. .perma1:hover .permaline1 {
  748. width: 50px;
  749. opacity: 1;
  750. }
  751.  
  752. .p1{
  753. width: 15px;
  754. height: 15px;
  755. background-color: {color:notes};
  756. margin: 0px;
  757. position: absolute;
  758. -webkit-transition: all 0.9s ease;
  759. -moz-transition: all 0.9s;
  760. overflow: hidden;
  761. }
  762.  
  763. .p1one {
  764. width: 0px;
  765. height: 22px;
  766. background-color: none;
  767. margin-left: 20px;
  768. opacity: 0;
  769. position: absolute;
  770. -webkit-transition: all 0.9s ease;
  771. -moz-transition: all 0.9s;
  772. overflow: hidden; }
  773.  
  774. .perma1:hover .p1one {
  775. width: 60px;
  776. opacity: 1;
  777. }
  778.  
  779.  
  780.  
  781.  
  782. .perma1text {
  783. opacity: 0;
  784. -webkit-transition: all 0.9s ease;
  785. -moz-transition: all 0.9s;
  786. font-size: 14px;
  787. font-family: title;
  788. float: right;
  789. padding-right: 2px;
  790. padding-top: 1px;
  791.  
  792. }
  793. .perma1:hover .perma1text {
  794. opacity: 1;
  795. }
  796.  
  797.  
  798.  
  799.  
  800. .perma2 {
  801. width: 15px;
  802. height: 15px;
  803. background-color: none;
  804. margin-left: 0px;
  805. margin-top: 18px;
  806. position: absolute;
  807. -webkit-transition: all 0.9s ease;
  808. -moz-transition: all 0.9s;
  809. overflow: hidden;
  810. }
  811.  
  812. .permaline2 {
  813. opacity: 0;
  814. width: 0px;
  815. height: 1px;
  816. background-color: {color:border};
  817. margin-left: 0px;
  818. margin-top:7px;
  819. position: absolute;
  820. -webkit-transition: all 0.9s ease;
  821. -moz-transition: all 0.9s;
  822. overflow: hidden;
  823. }
  824.  
  825. .perma2:hover .permaline2 {
  826. width: 50px;
  827. opacity: 1;
  828. }
  829.  
  830. .perma2:hover {
  831. width: 100px;
  832. z-index: 99;
  833. }
  834.  
  835. .p2{
  836. width: 15px;
  837. height: 15px;
  838. background-color: {color:reblog};
  839. margin: 0px;
  840. opacity: 1;
  841. position: absolute;
  842. -webkit-transition: all 0.9s ease;
  843. -moz-transition: all 0.9s;
  844. overflow: hidden;
  845. }
  846.  
  847.  
  848. .p2two {
  849. width: 0px;
  850. height: 22px;
  851. background-color: none;
  852. margin-left: 20px;
  853. opacity: 0;
  854. position: absolute;
  855. -webkit-transition: all 0.9s ease;
  856. -moz-transition: all 0.9s;
  857. overflow: hidden; }
  858.  
  859. .perma2:hover .p2two {
  860. width: 80px;
  861. opacity: 1;
  862. }
  863.  
  864.  
  865. .perma2text {
  866. opacity: 0;
  867. -webkit-transition: all 0.9s ease;
  868. -moz-transition: all 0.9s;
  869. font-size: 14px;
  870. font-family: title;
  871. float: right;
  872. padding-right: 2px;
  873. padding-top: 1px;
  874.  
  875. }
  876. .perma2:hover .perma2text {
  877. opacity: 1;
  878. }
  879.  
  880.  
  881.  
  882. .tagsperma {
  883. text-transform:lowercase;
  884. }
  885.  
  886.  
  887. .tagsperma a {
  888. margin-top: -20px;
  889. {color:Link};
  890. font-size:9px;
  891. line-height:9px;
  892. transition-duration: 0.60s;
  893. -moz-transition-duration: 0.60s;
  894. -webkit-transition-duration: 0.60s;
  895. -o-transition-duration: 0.60s;
  896. }
  897.  
  898. .tagsperma a:hover {
  899. color:{color:Hover};
  900. }
  901.  
  902.  
  903.  
  904.  
  905. #permalink{
  906. {block:PermalinkPage}
  907. text-align:center;
  908. margin-top:10px;
  909. padding:0px;
  910. font-size:8px;
  911. text-transform:lowercase;
  912. color: #000;
  913. {/block:PermalinkPage}
  914. }
  915.  
  916.  
  917. .c img{width:100%;}
  918. .c{position:fixed;right:5px;bottom:5px;
  919. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  920. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  921.  
  922. .cboth:hover .c {
  923. opacity: 0;
  924. }
  925.  
  926. .cr img{width:100%;}
  927. .cr{position:fixed;right:5px;bottom:5px; opacity: 0;
  928. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  929. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  930.  
  931. .cboth:hover .cr {
  932. opacity: 1;
  933. }
  934.  
  935.  
  936. /* AUDIO */
  937.  
  938. .artcover {position:absolute;}
  939. .artcover img {width:70px;height:70px;float:left;}
  940. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  941. .audioinfo {margin-left:75px;border-left:2px solid #CCC;padding:5px;}
  942. .i{display:block;padding:6px 3px;line-height:8px;}
  943. .player{position:absolute;background:#FFF;width:30px;height:30px;
  944. opacity:0.45;padding:20px;overflow:hidden;
  945. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  946. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  947. .player:hover{opacity:0.75;}
  948.  
  949. /* TEXT */
  950.  
  951. i, em{color:{color:Italic};}
  952. b{color:{color:Bold}; letter-spacing: 2px;}
  953. b, strong{color:{color:Title}; letter-spacing: 2px;}
  954. ul,ol{margin:0px;margin-left:-10px;}
  955. p{padding:0px;margin:10px;}
  956. u{text-decoration:none;color: {color:Underline};
  957. border-bottom:1px solid {color:Underline};}
  958. blockquote {margin:2px; margin-left:10px;
  959. padding:2px;border-left:2px solid #CCC;}
  960.  
  961. /* MISC */
  962.  
  963. .l .odd{display:block;padding:5px 5px;}
  964. .l .even{display:block;background:#F7F7F7;padding:5px 5px;}
  965.  
  966. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  967. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  968. border-radius:10px;border-top-left-radius:0px;background:#000;}
  969.  
  970. ::selection {color: {color:Hover};}
  971. ::-moz-selection {color: {color:Hover};}
  972. ::-webkit-selection{color: {color:Hover};}
  973.  
  974. img{ margin-bottom:-3px;}
  975.  
  976. /* POSTNOTES */
  977.  
  978. ol.notes a{letter-spacing:1px;}
  979. ol.notes {
  980. list-style:none;
  981. font-size:8px;
  982. margin-top:20px;
  983. text-transform:none;}
  984.  
  985. ol.notes li.note img.avatar {
  986. vertical-align:-5px;
  987. margin-right:5px;
  988. width:20px;
  989. padding:4px;
  990. border:1px solid #EEE;}
  991.  
  992. ol.notes li.note {margin:5px 0px 10px -20px;}
  993. ol.notes li.note span.action {font-style: normal;}
  994. ol.notes li.note .answer_content {font-weight: normal;}
  995. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  996.  
  997. </style>
  998. </head>
  999. <body>
  1000.  
  1001.  
  1002. <div class="both">
  1003. <div id="image"><img src="{image:sidebar}" /></div>
  1004. <div id="titlewrapper">
  1005. <div id="blogtitle"><a href="/" class="class1">{Title}</a></div></div>
  1006. <div class="linkbar1"></div>
  1007. <div class="linkbar2"></div>
  1008. <div id="linkbar">
  1009. <div class="linkbox1">
  1010. <div class="link1">I</div>
  1011. <div class="linkunowrapper">
  1012. <div class="linkuno"><a href="{text:link1}">{text:link1name}</a></div></div></div>
  1013. <div class="linkbox2">
  1014. <div class="link2">II</div>
  1015. <div class="linkdoswrapper">
  1016. <div class="linkdos"> <a href="{text:link2}">{text:link2name}</a></div></div></div>
  1017.  
  1018. <div class="linkbox3">
  1019. <div class="link3">III</div>
  1020. <div class="linktreswrapper">
  1021. <div class="linktres"><a href="{text:link3}">{text:link3name}</a></div></div></div>
  1022.  
  1023. <div class="linkbox4">
  1024. <div class="link4">IV</div>
  1025. <div class="linkcuatrowrapper">
  1026. <div class="linkcuatro"><a href="{text:link4}">{text:link4name}</a></div></div></div>
  1027. <div class="linkbox5">
  1028. <div class="link5">V</div>
  1029. <div class="linkcincowrapper">
  1030. <div class="linkcinco"> <a href="{text:link5}">{text:link5name}</a></div></div></div>
  1031.  
  1032. <div class="linkbox6">
  1033. <div class="link6">VI</div>
  1034. <div class="linkseiswrapper">
  1035. <div class="linkseis"> <a href="{text:link6}">{text:link6name}</a></div></div></div>
  1036.  
  1037. </div>
  1038.  
  1039. <div class="descbox"><div class="desc">{Description}</div></div>
  1040.  
  1041. </div>
  1042.  
  1043.  
  1044. {block:Pagination}
  1045.  
  1046. <div id="paginwrapper">
  1047. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page class2">&laquo;</a>{/block:PreviousPage}
  1048. {block:JumpPagination length="3"}
  1049. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1050. {block:JumpPage}<a class="jump_page class2" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1051. {block:NextPage}<a href="{NextPage}" class="jump_page class2">&raquo;</a>{/block:NextPage}
  1052.  
  1053. </div>
  1054. {/block:Pagination}
  1055.  
  1056.  
  1057.  
  1058.  
  1059. <div id="content">
  1060. {block:Posts}
  1061.  
  1062. <div id="entry">
  1063.  
  1064. {block:IndexPage}
  1065.  
  1066. <div class="perma">
  1067. <div class="perma1">
  1068. <div class="permaline1"></div>
  1069. <div class="p1"></div>
  1070. <div class="p1one"><div class="perma1text"><a href="{Permalink}"> {NoteCount}</a></div></div></div>
  1071. <div class="perma2">
  1072. <div class="permaline2"></div>
  1073. <div class="p2"></div>
  1074. <div class="p2two"><div class="perma2text"><a href="{ReblogURL}" target="_blank">reblog</a></div></div></div>
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080. </span></div>
  1081.  
  1082. {/block:IndexPage}
  1083.  
  1084. {block:Text}
  1085. <div class="title">{Title}</div>{Body}
  1086. {/block:Text}
  1087.  
  1088. {block:Link}
  1089. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  1090. {block:Description}{Description}{/block:Description}
  1091. {/block:Link}
  1092.  
  1093. {block:Photo}
  1094. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  1095. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1096. {/block:Photo}
  1097.  
  1098. {block:Photoset}
  1099. {Photoset-500}
  1100. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1101. {/block:Photoset}
  1102.  
  1103. {block:Quote}
  1104. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  1105. {/block:Quote}
  1106.  
  1107. {block:Chat}
  1108. <div class="title">{Title}</div>{block:Lines}
  1109. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  1110. {block:Label}<b>{Label} </b>{/block:Label}
  1111. {Line}</div></div>{/block:Lines}
  1112. {/block:Chat}
  1113.  
  1114. {block:Audio}
  1115. {block:AlbumArt}
  1116. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1117. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  1118. <div class="audioinfo">
  1119. <div class="i"><b>TITLE:</b>
  1120. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  1121.  
  1122. <div class="i"><b>ARTIST:</b>
  1123. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  1124.  
  1125. <div class="i"><b>PLAYS:</b>
  1126. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  1127. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}{/block:Audio}
  1128.  
  1129. {block:Video}
  1130. {Video-500}
  1131. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1132. {/block:Video}
  1133.  
  1134. {block:Answer}
  1135. <div class="quote">{Question} → <b>{Asker}</b></div>
  1136. <div class="answer">{Answer}</div>
  1137. {/block:Answer}
  1138.  
  1139. <div id="permalink">
  1140. <div class="tags">
  1141. {block:IfShowTags}
  1142. {block:HasTags}
  1143. {block:Tags}<span style="border-top:1px dashed {color:post border};"</span>
  1144. <a href="{TagURL}">#{Tag}</a>
  1145. {/block:Tags}
  1146. {/block:HasTags}
  1147. {/block:IfShowTags}
  1148. </div></div>
  1149. {/block:IndexPage}
  1150.  
  1151. {block:PermalinkPage}
  1152. <div id="permalink">
  1153. {block:Date}posted
  1154. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  1155. {block:NoteCount}with
  1156. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  1157. {block:RebloggedFrom}
  1158. | via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1159. {/block:RebloggedFrom}
  1160.  
  1161. <div class="tags">
  1162. {block:HasTags}
  1163. Tagged:
  1164. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1165. {/block:Tags}
  1166. {/block:HasTags}
  1167. </div></div>
  1168. {/block:PermalinkPage}
  1169. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1170.  
  1171. </div>
  1172. {/block:Posts}
  1173. </div>
  1174.  
  1175. <div class="cboth">
  1176. <div class="c">
  1177. <img src="http://static.tumblr.com/cbjpgjf/7Bcmvartf/logo2.01.png">
  1178. </div>
  1179.  
  1180. <div class="cr">
  1181. <a href="http://no-faces-face.tumblr.com">
  1182. <img src="http://static.tumblr.com/cbjpgjf/H2jmvat5o/logo2.02.png"></a>
  1183. </div>
  1184. </div>
  1185.  
  1186.  
  1187. </body>
  1188. </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!