Advertisement
desexting

Theme 7

Jul 13th, 2013
433
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.01 KB | None | 0 0
  1. <!--
  2. Theme by Megan
  3. -->
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Poiret+One|La+Belle+Aurore' rel='stylesheet' type='text/css'>
  10.  
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#aaa"/>
  14. <meta name="color:Link" content="#80060a"/>
  15. <meta name="color:Hover" content="#000"/>
  16. <meta name="color:Blogtitle" content="#000"/>
  17. <meta name="color:sidebarbg1" content="" />
  18. <meta name="image:Background" content=""/>
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="color:title" content="#000" />
  21. <meta name="text:link one" content="" />
  22. <meta name="text:link one title" content="" />
  23. <meta name="text:link two" content="" />
  24. <meta name="text:link two title" content="" />
  25. <meta name="text:link three" content="" />
  26. <meta name="text:link three title" content="" />
  27. <meta name="text:link four" content="" />
  28. <meta name="text:link four title" content="" />
  29. <meta name="text:link five" content="" />
  30. <meta name="text:link five title" content="" />
  31. <meta name="text:link six" content="" />
  32. <meta name="text:link six title" content="" />
  33. <meta name="text:link seven" content="" />
  34. <meta name="text:link seven title" content="" />
  35.  
  36.  
  37.  
  38. </script>
  39.  
  40. <style type="text/css">
  41.  
  42. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  43.  
  44. @font-face {font-family:"arma";src:url('http://static.tumblr.com/7glhdxz/B3Mmgevme/pf_arma_five.ttf');}
  45.  
  46. ::-webkit-scrollbar {width: 4px; height: 4px; border:1px solid #ddd; background-color:#fff;}
  47. ::-webkit-scrollbar-thumb { border-left:0px solid #ddd; background: {color:scrollbar};}
  48.  
  49.  
  50.  
  51.  
  52. iframe#tumblr_controls {-webkit-filter: invert(100%);right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-
  53.  
  54. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  55.  
  56. 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
  57.  
  58. 0.4s ease-out;}
  59.  
  60. p {
  61. margin:0px;
  62.  
  63. }
  64.  
  65.  
  66. body{
  67. margin:5px;
  68. background-color: {color:Background};
  69. background-image:url({image:Background});
  70. background-attachment: fixed;
  71. background-repeat: repeat;
  72. font-size: 10px;
  73. font-family: arial;
  74. line-height:8px;
  75. color:{color:Text};
  76. }
  77.  
  78. a:link, a:active, a:visited{
  79. text-decoration: none;
  80. -webkit-transition: color 0.3s ease-out;
  81. -moz-transition: color 0.3s ease-out;
  82. transition: color 0.3s ease-out;
  83. color:{color:link};
  84. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  85. }
  86.  
  87. a:hover {
  88. text-decoration: line-through;
  89. font-style:;
  90. text-shadow:0px 0px px #000;
  91. color: {color:Hover};
  92. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  93. }
  94.  
  95. #cunt{width:250px; height:auto;}
  96. {block:PermalinkPage}
  97. width:410px;
  98. {/block:PermalinkPage}
  99. }
  100.  
  101. #center{
  102. padding-top:3px;
  103. padding-bottom:3px;
  104. position:fixed !important;
  105. width:250px;
  106. height:207px;
  107. background-color:#fff;
  108. {block:PermalinkPage}
  109. width:410px;
  110. height:207px;
  111. {/block:PermalinkPage}
  112. }
  113.  
  114. #posts{
  115. float:center;
  116. {block:indexpage}
  117. width:650px;
  118. {/block:indexpage}
  119. {block:permalinkpage}
  120. width:750px;
  121. margin-top: 40px;
  122. {/block:permalinkpage}
  123. margin-left: 400px;
  124. margin-top: -10px;
  125. border:1px solid #ddd;
  126. z-index:9999;
  127. background-image: url('http://static.tumblr.com/5uvtpxx/W45mpl7ju/floral__6_.png')
  128. }
  129.  
  130. #sidebarimg {
  131. margin-bottom:3px;
  132. padding:5px;}
  133.  
  134. #sidebarimg img {
  135. max-width:202px;
  136.  
  137. border:1px solid #E8E8E8;
  138.  
  139. padding:20px;
  140. height: auto;
  141. background-image: url('http://static.tumblr.com/5uvtpxx/W45mpl7ju/floral__6_.png')}
  142.  
  143. #sidebar {width:284px;
  144.  
  145. margin-left:50px;
  146. height:auto;
  147. margin-top:70px;
  148. position:fixed;
  149. overflow:hidden;
  150. background-color: {color:Sidebar};
  151. padding:3px;}
  152. @font-face { font-family: "marker"; src: url('http://themes.googleusercontent.com/static/fonts/permanentmarker/v0/9vYsg5VgPHKK8SXYbf3sMupm9E4gBdgiUiSJePew_SQ.woff'); }
  153. @font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');}
  154.  
  155. #title{font-family:Pacifico;
  156. color:{color:Link};
  157. font-size:30px;
  158. padding:3px;
  159. line-height:29px;
  160. text-align:center;}
  161.  
  162. #linkz{
  163. width:100px;
  164. height:auto;
  165. background:;
  166. position:fixed;
  167. margin-top:120px;
  168. margin-left:-26px;
  169. text-align:right;
  170. z-index:1;
  171. }
  172.  
  173. .nav a{
  174. border:1px solid #ddd;
  175. display:inline-block;
  176. border-bottom:1px solid #E8E8E8;
  177. border-right:0px solid #fff;
  178. padding:3px;
  179. margin:1px;
  180. margin-right:0px;
  181. width:auto;
  182. TEXT-transform:uppercase;
  183. font-size:7px;
  184. line-height:10px;
  185. letter-spacing:1px;
  186. text-align:left;
  187. background-color:#E8E8E8;
  188. -webkit-transition: all .7s ease;
  189. -moz-transition: all .7s ease;
  190. -o-transition: all .7s ease;
  191. transition: all .7s ease;
  192. }
  193.  
  194. .nav a:hover{
  195. color:{color:nav hover text};
  196. padding-right:10px;
  197. border:1px solid transparent;
  198. border-bottom:1px solid gray;
  199. background-color:transparent;
  200. text-decoration:none;
  201. }
  202.  
  203.  
  204. #description {font-family:arial;
  205. opacity: 0.0;
  206.  
  207. font-size:11px;
  208. margin-top:-20px;
  209. margin-left:0px;
  210. text-align:center;
  211. padding:8px;
  212. text-align:center;
  213. color:{color:Text};
  214. background:transparent;
  215. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  216. -webkit-transition: all 0.5s linear;
  217. -moz-transition: all 0.5s linear;
  218. transition: all 0.5s linear;}
  219.  
  220. #sidebar:hover #description{
  221. overflow:visible;
  222. margin-top:0px;
  223. border-top-right-radius: 0px;
  224. border-bottom-left-radius: 0px;
  225. -webkit-transition: all 0.5s linear; opacity: 1;
  226. -webkit-transition: all 0.5s linear;
  227. -moz-transition: all 0.5s linear;
  228. transition: all 0.5s linear;
  229. }
  230.  
  231. @font-face {font-family:Always a Good Time; src: url(http://static.tumblr.com/9wzbixa/PUwmj3iyh/kgalwaysagoodtime.ttf);}
  232.  
  233.  
  234.  
  235. askk {
  236. font-family: Always a Good Time;
  237. color: {color:Title};
  238. font-size:15px;
  239. z-index:1;
  240. }
  241.  
  242. #entry{
  243. font-family: calibri;
  244. font-size:11px;
  245. text-align:left;
  246. z-index:9999;
  247. float:left;
  248. width:250px;
  249. height: auto;
  250. {block:PermalinkPage}
  251. width: 400px;
  252. height: auto;
  253. {/block:PermalinkPage}
  254. line-height:10px;
  255. background-color:#E8E8E8;
  256. margin:5px;
  257. overflow:hidden;
  258. margin-left:25px;
  259. padding: 6px;
  260. padding:8px;padding:15px;
  261. border:1px solid #ddd;
  262. box-shadow: 2px 2px 0px #A3A3A3;
  263. padding-bottom: 15px;
  264. margin-top:25px;
  265. }
  266.  
  267. #entry .perma a{
  268. color:#aaa;}
  269.  
  270. #entry .perma a:hover {
  271. text-decoration:line-through;
  272. font-style:italic;
  273. text-shadow:0px 0px px #000;
  274. color: {color:Hover};
  275. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  276. }
  277.  
  278. #entry .perma{
  279. width:250px;
  280. height:26px;
  281. margin-left:0px;
  282. position: absolute;
  283. line-height: 26px;
  284. overflow:hidden;
  285. text-align:center;
  286. bottom:-10px;
  287. font-size:8px;
  288. text-transform:uppercase;
  289. color:#aaa;
  290. background:#E8E8E8;
  291. border-right:1px solid #ddd;
  292. border-top:1px solid #ddd;
  293. border-bottom:1px solid #ddd;
  294. word-spacing:3px;
  295. letter-spacing:1px;
  296. opacity: 0.0;
  297. -webkit-transition: all .7s ease;
  298. -moz-transition: all .7s ease;
  299. -o-transition: all .7s ease;
  300. transition: all .7s ease;
  301.  
  302.  
  303. }
  304.  
  305. #entry:hover .perma{
  306. overflow:visible;
  307. opacity:1;
  308. bottom:22px;
  309.  
  310. }
  311. .permalinktext {
  312. word-spacing:2px;
  313. text-transform: normal;
  314. display: block;
  315. text-align: right;
  316. text-decoration: none;
  317. font-family:calibri;
  318. margin-top:3px;
  319. padding:4px;
  320. font-size:10px;
  321. background:#f5f5f5;
  322. border:1px solid #eee;
  323. text-transform:uppercase;
  324.  
  325. }
  326.  
  327. @font-face { font-family:"champagne"; src:url('http://static.tumblr.com/xekbux7/zVim6yitc/champagne___limousines.ttf');}
  328.  
  329.  
  330. .title{
  331. font-family: champagne ;
  332. font-size: 22px;
  333. line-height: 20px;
  334. text-transform:none;
  335. color:{color:Title};
  336. letter-spacing: 0px;
  337. font-weight: normal;
  338. padding:0px 0px 0px 0px;
  339. }
  340. #postnotes{
  341. text-align: left;}
  342.  
  343. #postnotes blockquote{
  344. border: 1px;}
  345.  
  346.  
  347. blockquote{
  348. padding:0px 0px 2px 5px;
  349. margin:0px 0px 2px 10px;
  350. border-left: 1px solid #555555;
  351. }
  352. ul, ol, li{
  353. list-style:none;
  354. margin:0px;
  355. padding:0px
  356. }
  357.  
  358. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  359. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  360. }
  361.  
  362.  
  363.  
  364. </style>
  365. <title>{title}</title>
  366. <link rel="shortcut icon" href="{favicon}">
  367. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  368. <meta name="viewport" content="width=720" />
  369. </head>
  370. <body onkeydown="return false">
  371. <div id="center">
  372. <div id="content">
  373.  
  374. </div>
  375.  
  376. <div id="linkz"><div class="nav"><a href="{text:link one}">{text:link one title}</a><br /><a href="{text:link two}">{text:link two title}</a><br /><a href="{text:link three}">{text:link three title}</a><br />{block:iflinkfourtitle}<a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}<br />{block:iflinkfivetitle}<a href="{text:link five}">{text:link five title}</a>{/block:iflinkfivetitle}<br />{block:iflinksixtitle}<a href="{text:link six}">{text:link six title}</a>{/block:iflinksixtitle}<br />{block:iflinkseventitle}<a href="{text:link seven}">{text:link seven title}</a>{/block:iflinkseventitle}</div></div>
  377.  
  378. </div>
  379. <div id="backpicture"><center><img src="{image:Sidebarpicture}"/></center></div>
  380. <div id="sidebar">
  381. <div id="title">{Title}</div>
  382. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  383. <div id="description">{block:Description}{Description}{/block:Description}</div></div>
  384.  
  385.  
  386.  
  387. <div id="posts">
  388. {block:Posts}
  389. <div id="entry">
  390.  
  391. {block:Text}
  392. {block:Title}<span class="title">{Title}</span>{/block:Title}
  393. <span class="entrytext">{Body}</span>
  394. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  395. {/block:Text}
  396.  
  397. {block:Link}
  398. <a href="{URL}" class="title">{Name}</a>
  399. {block:Description}{Description}{/block:Description}
  400. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  401. {block:Link}
  402.  
  403. {block:Photo}
  404. {block:IndexPage}
  405. <center>
  406. <div class="perma">
  407. {timeago} / <a href="{ReblogURL}" target="_blank"> Reblog</a> / <a href="{Permalink}">{notecountwithlabel}</a></div>
  408. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  409. {/block:IndexPage}
  410. {block:PermalinkPage}
  411. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  412.  
  413. {LinkCloseTag}
  414. {/block:PermalinkPage}
  415. {/block:Photo}
  416.  
  417. {block:Photoset}
  418. {block:IndexPage}
  419. <center>
  420.  
  421. {Photoset-400}</center><p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel} / {timeago}</a> <a href="{Permalink}"></span></align>
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. <center>
  425. {Photoset-400}</center>
  426. {/block:PermalinkPage}
  427. {/block:Photoset}
  428.  
  429. {block:Quote}
  430. <span class="entrytext">{Quote}</span>
  431. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  432. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  433. {/block:Quote}
  434.  
  435. {block:Chat}
  436. {block:Title}<span class="title">{Title}</span>{/block:Title}
  437. <ul class="chat">
  438. {block:Lines}
  439. <li class="user_{UserNumber}">
  440. {block:Label}
  441. <span class="label">{Label}</span>
  442. {/block:Label}
  443.  
  444. {Line}
  445. </li>
  446. {/block:Lines}
  447. </ul>
  448. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  449. {/block:Chat}
  450.  
  451.  
  452. {block:Audio}
  453. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  454. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  455. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  456. {/block:Audio}
  457.  
  458. {block:Video}<center>
  459. <div style="padding-top:0px; padding-bottom:2px;">
  460. {Video-250}</div>
  461. <div style="padding-bottom:5px;"></div>
  462. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  463. {block:Video}
  464.  
  465. {block:Answer}
  466. <br>
  467. <div style="border-radius:5px; border: 1px solid #ccc; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  468. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  469. <askk>{Asker}</askk>: {Question}<br></div>
  470. <div style="padding:3px">{Answer}</div>
  471. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  472. {/block:Answer}
  473.  
  474. {block:PostNotes}<div align="middle">{caption}</div>
  475. <center>
  476.  
  477. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  478.  
  479. {block:HasTags}
  480. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  481. {block:RebloggedFrom}
  482. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  483. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  484.  
  485. {/block:RebloggedFrom}
  486. </center></span>
  487. <br>
  488. <div id="postnotes">{PostNotes}</div><br>
  489.  
  490. <center>{block:ContentSource}
  491. <br><a href="{SourceURL}">
  492. {lang:Source}:
  493. {block:SourceLogo}
  494. <img src="{BlackLogoURL}" width="{LogoWidth}"
  495. height="{LogoHeight}" alt="{SourceTitle}" />
  496. {/block:SourceLogo}
  497. {block:NoSourceLogo}
  498. {SourceLink}
  499. {/block:NoSourceLogo}
  500. </a>
  501. {/block:ContentSource}</center>
  502.  
  503. {/block:PostNotes}
  504. </div>
  505. {/block:Posts}
  506. </div></div>
  507.  
  508. {block:indexpage}
  509. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  510. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  511. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  512. <script type="text/javascript">
  513. $(window).load(function(){
  514. var $wall = $('#posts');
  515. $wall.imagesLoaded(function(){
  516. $wall.masonry({
  517. itemSelector: '#entry, #entry_photo',
  518. isAnimated : false
  519. });
  520. });
  521.  
  522. $wall.infinitescroll({
  523. navSelector : '#page-nav',
  524. nextSelector : '#page-nav a',
  525. itemSelector : '#entry, #entry_photo',
  526. bufferPx : 2000,
  527. debug : false,
  528. errorCallback: function() {
  529. $('#infscr-loading').fadeOut('normal');
  530. }},
  531. function( newElements ) {
  532. var $newElems = $( newElements );
  533. $newElems.hide();
  534. $newElems.imagesLoaded(function(){
  535. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  536. });
  537. }); $('#content').show(500);
  538. });
  539. </script>
  540. {/block:indexpage}
  541.  
  542. <BODY onselectstart="return false;" ondragstart="return false;">
  543.  
  544.  
  545. </body>
  546. <div style="position:fixed;bottom:10px;left:10px; background:white; padding:8px; font-family:marker; border:3px double #ccc;">
  547. <a href="http://desexting.tumblr.com/">desexting</a>
  548.  
  549. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement