Advertisement
justtkeepsmiling

Theme 3 by Amourchique

Apr 6th, 2013
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.89 KB | None | 0 0
  1. <html>
  2. <!---------
  3. Theme 3 by amourchique. Don't remove the credits or else I will cut you and I will report you to the tumblr staff.
  4. ---------->
  5. <head>
  6. {block:ifdisablerightclick}
  7. <script type="text/javascript">
  8. <!--
  9.  
  10. // Disable Right Click Script
  11.  
  12. function IE(e)
  13. {
  14. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  15. {
  16. return false;
  17. }
  18. }
  19. function NS(e)
  20. {
  21. if (document.layers || (document.getElementById && !document.all))
  22. {
  23. if (e.which == "2" || e.which == "3")
  24. {
  25. return false;
  26. }
  27. }
  28. }
  29. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  30.  
  31. //-->
  32. </script>
  33. {/block:ifdisablerightclick}
  34.  
  35. <!-------Meta Tags------>
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Title" content="#292929"/>
  38. <meta name="color:Text" content="#363636"/>
  39. <meta name="color:Link" content="#C29B9B"/>
  40. <meta name="color:scrollbar" content="#727272"/>
  41. <meta name="color:text shadow" content="#000000"/>
  42. <meta name="color:Hover" content="#ddd"/>
  43. <meta name="color:Blogtitle" content="#bbbbbb">
  44. <meta name="color:Blogtitle Shadow" content="#000000">
  45. <meta name="image:Background" content=""/>
  46. <meta name="text:Blogtitle1" content="Beauty">
  47. <meta name="image:Sidebar" content=""/>
  48. <meta name="color:Side Borders" content="#bbbbbb">
  49. <meta name="color:Blogtitle2" content="#dddddd">
  50. <meta name="color:Blogtitle2 Shadow" content="#bbbbbb">
  51. <meta name="text:Blogtitle2" content="and a beat">
  52. <meta name="image:Posts Background" content="">
  53. <meta name="text:Link One Title" content="link 1" />
  54. <meta name="text:Link One" content="" />
  55. <meta name="text:Link Two Title" content="link 2"/>
  56. <meta name="text:Link Two" content="" />
  57. <meta name="text:Link Three Title" content="link 3"/>
  58. <meta name="text:Link Three" content="" />
  59. <meta name="text:Link Four Title" content="link 4"/>
  60. <meta name="text:Link Four" content="" />
  61. <meta name="text:Link Five Title" content="link 5"/>
  62. <meta name="text:Link Five" content="" />
  63. <meta name="if:disablerightclick" content="1">
  64.  
  65. </script>
  66.  
  67. <style type="text/css">
  68.  
  69. @font-face {font-family: "CK Love Note"; src: url('http://static.tumblr.com/npggxjg/PGmm5kuib/ck_love_note.ttf');}
  70.  
  71. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  72.  
  73.  
  74. 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;}
  75.  
  76. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  77.  
  78. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  79.  
  80. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  81.  
  82. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;}
  83.  
  84. body{
  85. margin:5px;
  86. background-color: {color:Background};
  87. background-image:url({image:Background});
  88. background-attachment: fixed;
  89. background-repeat: repeat;
  90. font-size: 8px;
  91. font-family: arma;
  92. line-height:12px;
  93. color:{color:Text};
  94. cursor:url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;
  95. }
  96.  
  97. a:link, a:active, a:visited{
  98. color: {color:Link};
  99. text-decoration: none;
  100. -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;
  101. }
  102.  
  103. a:hover{
  104. color:{color:Hover};
  105. -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;
  106. text-shadow:0px 0px 3px {color:text shadow};
  107. cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), auto;
  108. }
  109.  
  110. #cunt{width:250px; height:auto;}
  111. {block:PermalinkPage}
  112. width:410px;
  113. {/block:PermalinkPage}
  114. }
  115.  
  116. #center{
  117. padding-top:3px;
  118. padding-bottom:3px;
  119. position:fixed !important;
  120. width:250px;
  121. height:207px;
  122. background-color:#fff;
  123. {block:PermalinkPage}
  124. width:410px;
  125. height:207px;
  126. {/block:PermalinkPage}
  127. }
  128.  
  129. #posts{
  130. float:center;
  131. {block:indexpage}
  132. width:800px;
  133. {/block:indexpage}
  134. {block:permalinkpage}
  135. width:800px;
  136. margin-left: 370px;
  137. {/block:permalinkpage}
  138. margin-left: 324px;
  139. margin-top: 170px;
  140. }
  141.  
  142. #sidebar {
  143. position:fixed;
  144. width: 705px;
  145. height: 150px;
  146. border-left: 5px solid white;
  147. border-right: 5px solid white;
  148. box-shadow: 0px 0px 5px #bbb;
  149. margin-left: 325px;
  150. margin-top: -170px;
  151. z-index: 99;
  152. background: white;
  153. padding:10px;
  154. opacity: 1;
  155. }
  156.  
  157. #sidebar #sidepic{
  158. position:fixed;
  159. width: 150px;
  160. height: 154px;
  161. border: 2px solid {color:Side Borders};
  162. background: white;
  163. margin-left: -10px;
  164. margin-top: -4px;
  165. box-shadow: 0px 0px 5px #bbb;
  166. }
  167.  
  168. #sidebar #sidedesc{
  169. background: white;
  170. width: 120px;
  171. height: 144px;
  172. margin-left: 150px;
  173. margin-top: -4px;
  174. overflow-y: auto;
  175. text-align: center;
  176. position: fixed;
  177. box-shadow: 0px 0px 5px #bbb;
  178. padding: 5px;
  179. border: 2px solid {color:Side Borders};
  180. }
  181.  
  182. @font-face{font-family:"jane"; src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  183.  
  184.  
  185. #sidebar #sidelinks{
  186. background: white;
  187. width: 411px;
  188. height: 10px;
  189. margin-left: 290px;
  190. margin-top: 129px;
  191. text-align: center;
  192. position: fixed;
  193. box-shadow: 0px 0px 5px #bbb;
  194. padding: 5px;
  195. line-height: 10px;
  196. border: 2px solid {color:Side Borders};
  197. }
  198.  
  199. #sidebar #blogtitlee{
  200. font-family: jane;
  201. font-size: 70px;
  202. text-shadow: 2px 2px 0px {color:Blogtitle Shadow};
  203. color: {color:Blogtitle};
  204. position: fixed;
  205. margin-left: 300px;
  206. margin-top: 40px;
  207. }
  208.  
  209. #sidebar #blogtitleee{
  210. font-family: bebas;
  211. font-size: 70px;
  212. text-shadow: 2px 2px 0px {color:Blogtitle2 Shadow};
  213. color: {color:Blogtitle2};
  214. position: fixed;
  215. margin-left: 400px;
  216. margin-top: 100px;
  217. }
  218.  
  219. #sidebar #bar1{
  220. height: 15px;
  221. border-top: 1px solid #ddd;
  222. border-bottom: 1px solid #ddd;
  223. position: fixed;
  224. background: white;
  225. width: 735px;
  226. margin-top: 40px;
  227. margin-left: -15px;
  228. }
  229.  
  230. #sidebar #bar2{
  231. height: 15px;
  232. border-top: 1px solid #ddd;
  233. border-bottom: 1px solid #ddd;
  234. position: fixed;
  235. background: white;
  236. width: 735px;
  237. margin-top: 95px;
  238. margin-left: -15px;
  239. }
  240.  
  241. #bgg{
  242. width: 737px;
  243. height: 100%;
  244. margin-top: -170px;
  245. margin-left: 299px;
  246. background-image: url({image:Posts Background});
  247. position: fixed;
  248. z-index: -9;
  249. border-left: 25px solid {color:Side Borders};
  250. border-right: 25px solid {color:Side Borders};
  251. }
  252.  
  253.  
  254. @font-face { font-family: "broadway"; src: url('http://static.tumblr.com/jdjsstr/xNMm966k5/bettynoir_1_.ttf'); }
  255.  
  256.  
  257. askk {
  258. font-family: bebas;
  259. color: {color:Title};
  260. font-size:28px;
  261. line-height: 30px;
  262. z-index:1;
  263. }
  264.  
  265.  
  266. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  267.  
  268.  
  269. #entry .perma a{
  270. color:;}
  271.  
  272. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  273.  
  274. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  275.  
  276. .permalink {
  277. display: block;
  278. border-top: 1px solid #ddd;
  279. padding: 3px;
  280. margin: 4px 8px 0px 8px;
  281. font-family: arma;
  282. font-size: 8px;
  283. color: #424242;
  284. line-height: 18px;
  285. text-align: center;
  286. text-decoration: none;
  287. -webkit-transition: color 0.9s ease-out;
  288. -moz-transition: color 0.9s ease-out;
  289. }
  290.  
  291.  
  292. #entry .perma{
  293. width: 235px;
  294. height: 20px;
  295. padding:2px;
  296. text-transform:uppercase;
  297. position: absolute;
  298. line-height: 20px;
  299. text-align: center;
  300. overflow:hidden;
  301. border-bottom: 3px solid {color:Side Borders};
  302. opacity: 0.0;
  303. background-color:#fff;
  304. letter-spacing:0px;
  305. margin-top: -15px;
  306. margin-left: -5px;
  307. border-radius: 0px;
  308. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  309. -webkit-transition: all 0.5s linear;
  310. -moz-transition: all 0.5s linear;
  311. transition: all 0.5s linear;
  312. }
  313.  
  314. #entry:hover .perma{
  315. margin-top: -5px;
  316. opacity: 1;
  317. overflow:visible;
  318. -webkit-transition: all 0.5s linear;
  319. -webkit-transition: all 0.5s linear;
  320. -moz-transition: all 0.5s linear;
  321. transition: all 0.5s linear;
  322. }
  323.  
  324.  
  325. .permalinktext {
  326. display: block;
  327. padding: 1px;
  328. margin: 0px 0px 0px 8px;
  329. font-family: arma;
  330. letter-spacing: 0px;
  331. font-size:8px;
  332. color: #424242;
  333. line-height: 10px;
  334. text-align: right;
  335. text-decoration: none;
  336. -webkit-transition: color 0.5s ease-out;
  337. -moz-transition: color 0.5s ease-out;
  338. border-top: 1px solid #dcdcdc;
  339. }
  340.  
  341. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  342. #postnotes{
  343. text-align: left;
  344. }
  345.  
  346. #postnotes blockquote{
  347. border: 0px;
  348. }
  349.  
  350. #entry{
  351. text-align:center;
  352. float:left;
  353. width: 231px;
  354. height: auto;
  355. z-index: 90;
  356. {block:PermalinkPage}
  357. width: 460px;
  358. height: auto;
  359. margin-left: 140px;
  360. {/block:PermalinkPage}
  361. line-height:8px;
  362. background-color:#eee;
  363. padding: 3px;
  364. padding-bottom: 2px;
  365. margin-right:10px;
  366. overflow:hidden;
  367. margin-bottom:10px;
  368. border: 1px solid #ccc;
  369. opacity:0.8;
  370. box-shadow: 0px 0px 5px #ddd;
  371. -o-transition-transition: all 1.0s ease-out;
  372. -webkit-transition: all 1.0s ease-out;
  373. -moz-transition: all 1.0s ease-out;
  374. }
  375.  
  376. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  377.  
  378. #permapage{
  379. font-family: tinytots;
  380. font-size: 10px;
  381. line-height: 8px;
  382. text-align: center;
  383. opacity: 1;
  384. padding-bottom:10px;
  385. }
  386.  
  387. .title{
  388. font-family: bebas;
  389. font-size: 30px;
  390. line-height: 32px;
  391. color: {color:Title};
  392. font-weight: normal;
  393. letter-spacing: 0px;
  394. padding:0px 0px 0px 0px;
  395. -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;
  396. }
  397.  
  398. .title:hover{
  399. -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;
  400. }
  401.  
  402. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/jdjsstr/wyqmco9g9/wendy_1_.ttf');}
  403.  
  404. blockquote{
  405. border-radius:10px; border: 1px solid #eee; margin: 3px; margin-top: 2px; padding: 5px; background: white; box-shadow: 0px 0px 5px 3px #ddd;
  406. }
  407.  
  408. uul, ol, li{list-style-type:bullet;list-style-image: url(http://oi55.tinypic.com/29atsag.jpg); text-align:left;}
  409.  
  410.  
  411. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  412. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  413. }
  414.  
  415. </style>
  416. <title>{title}</title>
  417. <link rel="shortcut icon" href="{favicon}">
  418. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  419. <meta name="viewport" content="width=720" />
  420. </head>
  421. <body onkeydown="return false" onselectstart="return false" ondragstart="return false">
  422. <div id="center">
  423. <div id="sidebar">
  424. <div id="bar1"></div>
  425. <div id="bar2"></div>
  426. <div id="sidepic"><img src="{image:Sidebar}" style="width: 100%; height: 100%;"></div>
  427. <div id="sidedesc">{Description}</div>
  428. <div id="sidelinks">
  429. <a href="/">Home</a> &middot <a href="/ask">Ask</a> &middot; <a href="/submit">Submit</a> &middot <a href="{text:Link One}">{text:Link One Title}</a> &middot; <a href="{text:Link Two}">{text:Link Two Title}</a> &middot; <a href="{text:Link Three}">{text:Link Three Title}</a> &middot; <a href="{text:Link Four}">{text:Link Four Title}</a> &middot; <a href="{text:Link Five}">{text:Link Five Title}</a> &middot <a href="http://amourchique.tumblr.com">Credit</a><a hrefs>
  430. </div>
  431. <div id="blogtitleee">{text:Blogtitle2}</div>
  432. <div id="blogtitlee">{text:Blogtitle1}</div>
  433. </div>
  434.  
  435. <div id="bgg"></div>
  436. <div id="content">
  437.  
  438. <div id="posts">
  439.  
  440. {block:Posts}
  441. <div id="entry">
  442. {block:Text}
  443. {block:Title}<span class="title">{Title}</span>{/block:Title}
  444. <span class="entrytext">{Body}</span>
  445. <div class="permalinktext"> Posted {TimeAgo} | <a href="{Permalink}">{NotecountwithLabel}</a> | <a href="{ReblogURL}">Reblog</a></div>
  446. {/block:Text}
  447.  
  448. {block:Link}
  449. <a href="{URL}" class="title">{Name}</a>
  450. {block:Description}{Description}{/block:Description}
  451. <div class="permalinktext"> Posted {TimeAgo} | <a href="{Permalink}">{NotecountwithLabel}</a> | <a href="{ReblogURL}">Reblog</a></div>
  452. {block:Link}
  453.  
  454. {block:Photo}{block:IndexPage}
  455. <div class="perma">
  456. Posted {TimeAgo} | <a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}">Reblog</a>
  457. </span></div>
  458. {/block:IndexPage}
  459. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="padding: 5px;" width=221px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=460px/>{LinkCloseTag}{/block:PermalinkPage}
  460. {/block:Photo}
  461.  
  462.  
  463. {block:Quote}
  464. <span class="title">{Quote}</span><br>
  465. {block:Source}<div style="text-align: right;"><a href="{Permalink}">-{Source}</a></div>{/block:Source}
  466. <div class="permalinktext"> Posted {TimeAgo} | <a href="{Permalink}">{NotecountwithLabel}</a> | <a href="{ReblogURL}">Reblog</a></div>
  467. {/block:Quote}
  468.  
  469. {block:Chat}
  470. {block:Title}<span class="title">{Title}</span>{/block:Title}
  471. <ul class="chat">
  472. {block:Lines}
  473. <li class="user_{UserNumber}">
  474. {block:Label}
  475. <span class="label">{Label}</span>
  476. {/block:Label}
  477.  
  478. {Line}
  479. </li>
  480. {/block:Lines}
  481. </ul>
  482. <div class="permalinktext"> Posted {TimeAgo} | <a href="{Permalink}">{NotecountwithLabel}</a> | <a href="{ReblogURL}">Reblog</a></div>
  483. {/block:Chat}
  484.  
  485.  
  486. {block:Audio}
  487. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  488. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  489. <div class="permalinktext"> Posted {TimeAgo} | <a href="{Permalink}">{NotecountwithLabel}</a> | <a href="{ReblogURL}">Reblog</a></div>
  490. {/block:Audio}
  491.  
  492. {block:Video}<center>
  493. <div style="padding-top:0px; padding-bottom:2px;">
  494. {Video-250}</div>
  495. <div style="padding-bottom:5px;">{block:Caption}{/block:Caption}</div>
  496. <div class="permalinktext"> Posted {TimeAgo} | <a href="{Permalink}">{NotecountwithLabel}</a> | <a href="{ReblogURL}">Reblog</a></div>
  497. {block:Video}
  498.  
  499. {block:Answer}
  500. <br>
  501. <div style="border-radius:5px; border: 3px double #dddddd; margin: 3px; margin-top: -2px; height:30px; overflow:auto; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  502. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  503. <askk>{Asker}</askk>: {Question}<br></div>
  504. <div style="font-family: arma; font-size: 8px;">
  505. {Answer}
  506. </div>
  507. <div class="permalinktext"> Posted {TimeAgo} | <a href="{Permalink}">{NotecountwithLabel}</a> | <a href="{ReblogURL}">Reblog</a></div>
  508. {/block:Answer}
  509.  
  510. {block:PostNotes}<div align="middle">{caption}</div>
  511. <center>
  512.  
  513. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  514.  
  515. {block:HasTags}
  516. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  517. {block:RebloggedFrom}
  518. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  519. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  520.  
  521. {/block:RebloggedFrom}
  522. </center></span>
  523. <br>
  524. <div id="postnotes">{PostNotes}</div><br>
  525.  
  526. <center>{block:ContentSource}
  527. <br><a href="{SourceURL}">
  528. {lang:Source}:
  529. {block:SourceLogo}
  530. <img src="{BlackLogoURL}" width="{LogoWidth}"
  531. height="{LogoHeight}" alt="{SourceTitle}" />
  532. {/block:SourceLogo}
  533. {block:NoSourceLogo}
  534. {SourceLink}
  535. {/block:NoSourceLogo}
  536. </a>
  537. {/block:ContentSource}</center>
  538.  
  539. {/block:PostNotes}
  540. </div>
  541. {/block:Posts}
  542. </div></div>
  543.  
  544.  
  545. {block:indexpage}
  546. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  547. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  548. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  549. <script type="text/javascript">
  550. $(window).load(function(){
  551. var $wall = $('#posts');
  552. $wall.imagesLoaded(function(){
  553. $wall.masonry({
  554. itemSelector: '#entry, #entry_photo',
  555. isAnimated : false
  556. });
  557. });
  558.  
  559. $wall.infinitescroll({
  560. navSelector : '#page-nav',
  561. nextSelector : '#page-nav a',
  562. itemSelector : '#entry, #entry_photo',
  563. bufferPx : 2000,
  564. debug : false,
  565. errorCallback: function() {
  566. $('#infscr-loading').fadeOut('normal');
  567. }},
  568. function( newElements ) {
  569. var $newElems = $( newElements );
  570. $newElems.hide();
  571. $newElems.imagesLoaded(function(){
  572. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  573. });
  574. }); $('#content').show(500);
  575. });
  576. </script>
  577. {/block:indexpage}
  578.  
  579. </div>
  580. <div style="width: 64px; height: 10px; padding: 3px; background: white; border: 2px solid #bbb; position: fixed; font-family: consolas; text-transform: uppercase; font-size: 9px; bottom: 3px; right: 3px"><center><a href="http://amourchique.tumblr.com">amourchique</a></div>
  581. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement