API tools faq
paste
pepesthemes

"morocco bliss" ☯ THEME VI

pepesthemes
Sep 8th, 2013
362
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  6.  
  7. <!---
  8.  
  9. CREDIT TO @PEPESTHEMES FOR THE THEME AND @HARRYEDWARS FOR THE BASE CODE
  10. ~*~*do not remove credit or i will chop ur dick off~*~*
  11.  
  12. --->
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta name="color:background" content="#ffffff"/>
  20. <meta name="color:text" content="#838282"/>
  21. <meta name="color:link" content="#000"/>
  22. <meta name="color:shadow" content="06aaee"/>
  23. <meta name="color:shadow hover" content="e00c7a"/>
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="text:link1" content="">
  28. <meta name="text:link1 url" content="/">
  29. <meta name="text:link2" content="">
  30. <meta name="text:link2 url" content="/">
  31.  
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. #words h1 {font-weight:normal;font-family:georgia;}
  37.  
  38. #words {/*all colors can be picked at colorpicker.com*/
  39. color:#999;/*text color*/
  40. z-index:9;/*dont touch*/
  41. position:fixed;/*dont touch*/
  42. background: #fff; /*background color*/
  43. font-family:georgia; /*font*/
  44. text-transform:none;
  45. font-size:9px; /*font size*/
  46. width:552px; /*width*/
  47. margin-top:-300px; /*distance from top before hover*/
  48. text-align:center; /*text alignment*/
  49. height:auto; /*dont touch*/
  50. font-style:normal;/*can also be italic*/
  51. margin-left:451px; /*distance from left*/
  52. padding:120px 10px 8px 10px;
  53. border-bottom: 1px solid #e4e3e2;
  54. border-left: 1px solid #e4e3e2;
  55. border-right: 1px solid #e4e3e2;
  56. -webkit-transition: all 0.7s ease;
  57. -moz-transition: all 0.7s ease;
  58. -o-transition: all 0.7s ease;
  59. }
  60.  
  61. @font-face { font-family: "meem"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  62.  
  63. #words:hover {
  64. margin-top:-110px; /*distance from top after hover*/
  65. -webkit-transition: all 0.7s ease;
  66. -moz-transition: all 0.7s ease;
  67. -o-transition: all 0.7s ease;
  68. }
  69.  
  70. @font-face { font-family: "owow"; src: url('http://static.tumblr.com/hes5tcf/hTgmq1lpk/komikax_.ttf'); }
  71.  
  72. a {
  73. color:{color:link};
  74. text-decoration:none;
  75. -webkit-transition: all 0.5s ease;
  76. -moz-transition: all 0.5s ease;
  77. -o-transition: all 0.5s ease
  78. }
  79.  
  80. a:hover {
  81. color:{color:hover};
  82. text-decoration:none;
  83. -moz-transition-duration:0.5s;
  84. -webkit-transition-duration:0.5s;
  85. -o-transition-duration:0.5s;
  86. }
  87.  
  88.  
  89. body {
  90. background:{color:background};
  91. margin:0px;
  92. color:{color:text};
  93. font-family:georgia;
  94. font-size:10px;
  95. line-height:100%;
  96. font-style: none;
  97. }
  98.  
  99. a:link, a:visited, a:active {
  100. color: {color:link};
  101. text-decoration: none;
  102. font-weight: normal;
  103. }
  104.  
  105. a:hover {
  106. color: {color:link hover};
  107. text-decoration: none;
  108. font-weight: normal;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb{background-color: #000;border: 2px solid #fff;height:auto;}
  112. ::-webkit-scrollbar {height:9px;width:9px;background-color: #000;border: 4px solid #fff;}
  113. ::selection {background: #000;color: #fff;}
  114. ::-moz-selection {background: #000;color: #fff;}
  115.  
  116. h1
  117. {font-size: 20px;
  118. font-family: arial black;
  119. width:500px;}
  120.  
  121. h2
  122. {}
  123.  
  124. #entries {border-left: 1px solid #e4e3e2;border-right: 1px solid #e4e3e2;position:relative;width:492px;top:50px;text-align:justify;left:451px;;padding:40px;}
  125.  
  126. #post {margin-bottom:40px;width:405px;padding-bottom:0px;background-color: {color:background};}
  127.  
  128. #pagination {
  129. position:fixed;
  130. font-size:33px;
  131. margin-top:240px;
  132. margin-left:1080px;
  133. font-style:italic;
  134. font-style:bold;
  135. font-family: 'oxford';
  136. padding:5px;
  137. background:#fff;
  138. }
  139.  
  140. #pagination a {
  141. color: #000;padding:3px;line-height:80%;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;color:;-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
  142.  
  143. #pagination a:hover {background-color:#000;color:#fff;border:0px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;color:;-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;text-shadow:-1px 1px 7px {color:shadow hover} , -2px 0px 0px ;}
  144.  
  145.  
  146. #sidebar {
  147. width:200px;
  148. height:200px;
  149. border: 6px double #000;
  150. position:fixed;
  151. margin-left:150px;
  152. margin-top:170px;
  153. padding:10px;
  154. -webkit-transition: opacity 0.7s linear;
  155. -webkit-transition: all 0.8s ease-out;
  156. -moz-transition: all 0.8s ease-out;transition: all 0.6s ease-out;
  157. }
  158.  
  159. #sbar {
  160. margin-left: 165px;
  161. margin-top: 250px;
  162. position:fixed;}
  163.  
  164. #sbar img {
  165. width:85px;}
  166.  
  167. a {color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  168.  
  169. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  170.  
  171. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  172.  
  173.  
  174.  
  175. .links {
  176. color: #000;
  177. font-size: 13px;
  178. position:fixed;
  179. text-align:center;
  180. width:200px;
  181. height:20px;
  182. margin-left: 165px;
  183. margin-top:225px;
  184. font-family: 'oxford';
  185. word-spacing:15px;
  186. text-decoration:bold;
  187. text-transform:uppercase;
  188. padding: 0px;
  189. line-height:100%;
  190. letter-spacing:-1px;
  191. }
  192.  
  193. .links a {
  194. color: #000;
  195. padding:2px;}
  196.  
  197. .links a:hover {color:#fff;opacity:1;border:0px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;color:;-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;background-color:#000;}
  198.  
  199.  
  200.  
  201.  
  202. #title {
  203. color: #0e0e0e;
  204. font-size:38px;
  205. width: 200px;
  206. position:fixed;
  207. font-family: 'oxford';
  208. margin-left: 163px;
  209. margin-top:182px;
  210. text-align: center;
  211. font-style: italic;
  212. text-transform: lowercase;
  213. line-height:80%;
  214. letter-spacing:-3px;
  215. border-bottom: 3px double #000; padding:3px;
  216. -webkit-transition: all 0.8s ease-out;
  217. -moz-transition: all 0.8s ease-out;
  218. transition: all 0.8s ease-out;
  219. }
  220.  
  221.  
  222. #description {
  223. position:fixed;
  224. font-family:arial;
  225. line-height:90%;
  226. font-size:9px;
  227. width:112px;
  228. margin-top:240px;
  229. padding:8px;
  230. margin-left:250px;
  231. text-align:center;
  232. text-transform: lowercase;
  233. color: #080808;
  234. }
  235.  
  236.  
  237. .tags {
  238. font-style:italic;
  239. width:500px;
  240. text-transform:none;
  241. text-align:right;
  242. font-style:normal;
  243. color:#333;
  244. letter-spacing:2px;
  245. word-spacing:0px;
  246. line-height:120%;
  247. font-size:8px;
  248. text-align:right;
  249. margin-top:10px;
  250. padding:5px;
  251. -moz-transition-duration:0.5s;
  252. -webkit-transition-duration:0.5s;
  253. -o-transition-duration:0.5s;
  254. }
  255. .tags a {
  256. color:#333;}
  257.  
  258.  
  259. #info {
  260. text-transform:lowercase;
  261. font-style:none;
  262. font-size: 8px;
  263. width:500px;
  264. height:15px;
  265. font-family:oxford;
  266. border-top: 1px solid #e4e3e2; padding:4px;
  267. padding:5px;
  268. line-height:20%;
  269. color:{color:text};
  270. text-align:right;
  271. }
  272.  
  273. #info a:link {
  274. color:#333;
  275. -moz-transition-duration:0.5s;
  276. -webkit-transition-duration:0.5s;
  277. -o-transition-duration:0.5s;
  278. }
  279.  
  280. #info a:hover {
  281. color: #eee;
  282. -moz-transition-duration:0.5s;
  283. -webkit-transition-duration:0.5s;
  284. -o-transition-duration:0.5s;}
  285.  
  286.  
  287. #credit {
  288. position:fixed;
  289. font-size:20px;
  290. padding:4px;
  291. line-height:50%;
  292. letter-spacing:1px;
  293. right:10px;
  294. bottom:10px;
  295. height:13px;
  296. text-transform:lowercase;
  297. text-align:center;
  298. }
  299.  
  300. #ask {
  301. float:left;
  302. margin-right:-10px;
  303. width:25px;
  304. height:25px;
  305. font-family: 'oxford';
  306. }
  307.  
  308. #question {
  309. text-align: left;
  310. border: double 3px #000; padding: 11px;
  311. margin-top:-10px;
  312. margin-left:30px;
  313. width:400px;
  314. }
  315.  
  316. #question a {
  317. font-family: oxford;
  318. text-transform: uppercase;
  319. letter-spacing: -2px;
  320. font-size:10px;
  321. }
  322.  
  323. #container {
  324. margin-left:-60px;
  325. margin-top:-10px;
  326. }
  327.  
  328. #credit a {
  329. color: #000;position:fixed;bottom:8px; right:0px; font-size:15px; letter-spacing:1px; font-family:owow; font-style:bold; text-shadow:-1px -1px 5px #f91968, 1px 1px 5px #2bf826; opacity:0.7;
  330. -moz-transition-duration:0.5s;
  331. -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
  332.  
  333. #credit a:hover {
  334. text-shadow:-1px -1px 1px #f91968, 1px 1px 1px #2bf826; opacity:0.9; color: #fff;
  335. -moz-transition-duration:0.5s;
  336. -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
  337.  
  338.  
  339. {CustomCSS}
  340.  
  341. #s-m-t-tooltip {
  342.  
  343. max-width:300px;
  344.  
  345. padding:3px 4px 5px 4px;
  346.  
  347. margin:9px 0px 0px 20px;
  348.  
  349. background-color:white;
  350.  
  351. font-family:arial;
  352.  
  353. font-size:8px;
  354.  
  355. letter-spacing:1px;
  356.  
  357. text-transform:lowercase;
  358.  
  359. font-style:bold;
  360.  
  361. border: 3px double #000;
  362.  
  363. color:#000;
  364.  
  365. z-index:999999999999999999999999999999999999;
  366.  
  367. }
  368. </style>
  369.  
  370.  
  371. </head>
  372. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  373.  
  374. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  375.  
  376. <script>
  377.  
  378. (function($){
  379.  
  380. $(document).ready(function(){
  381.  
  382. $("a[title]").style_my_tooltips({
  383.  
  384. tip_follows_cursor:true,
  385.  
  386. tip_delay_time:90,
  387.  
  388. tip_fade_speed:600,
  389.  
  390. attribute:"title"
  391.  
  392. });
  393.  
  394. });
  395.  
  396. })(jQuery);
  397.  
  398. </script>
  399. <body>
  400.  
  401. <div id="words">
  402. <div style="font-style:normal;font-size:9px;">
  403. put yo updates here!!!!</div>
  404. <br><br>
  405. <center><img src="http://4.bp.blogspot.com/-6IA9Pkfui24/Ttu6reCuYFI/AAAAAAAAAZk/4M4mJp_x0hE/s1600/stock-illustration-3368290-fancy-floral-dividers.jpg" style="width:200px;"></center><br><br>
  406. <font face="meem" size="4">W</font>orld <b>of</b> <i>dew</i>;
  407. <br <b>within</b> <i>every</i> dewdrop,<br> <b>a</b> <i>world</i>
  408. of <b>struggle</b>.<br>
  409. <br>
  410. </div>
  411.  
  412. <div id="title">{Title}</div>
  413.  
  414. <div id="sidebar"></div>
  415. <div id="sbar"><img src="{image:sidebar}"></div>
  416.  
  417.  
  418.  
  419. <div class="links"><a href="/">home</a>
  420. <a href="/asks">mssg</a>
  421. <a href="{text:link1 url}">{text:link1}</a>
  422. <a href="{text:link2 url}">{text:link2}</a></div>
  423.  
  424.  
  425.  
  426.  
  427.  
  428. <div id="sidebar2"></div>
  429.  
  430.  
  431. </div>
  432.  
  433.  
  434.  
  435. </div>
  436.  
  437.  
  438.  
  439. </div>
  440.  
  441.  
  442.  
  443. <div id="description">{Description}</div>
  444.  
  445.  
  446. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">sink</a>{/block:PreviousPage}<br><br><br>{block:NextPage}<a href="{NextPage}"> swim</a>{/block:NextPage}{/block:Pagination}</div>
  447. </div>
  448.  
  449. <div id="entries">{block:Posts}<div id="post">
  450. {block:ContentSource}
  451. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  452. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  453. {/block:SourceLogo}
  454. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  455. {/block:ContentSource}
  456.  
  457. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  458.  
  459. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  460.  
  461. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  462.  
  463. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  464.  
  465. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  466.  
  467. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  468.  
  469. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  470.  
  471. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  472.  
  473. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-30}" style="margin-left:14px; border: double 4px #000; padding: 1px; border-radius:50px;background-color:#fff;margin-top:-8px;-webkit-transform:rotate(-15deg);
  474. -moz-transform:rotate(-15deg);
  475. "></div><div id="question">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{Asker}&nbsp;&nbsp;asked the queen: {Question}</div><br><div id="answer">{Answer}</div>{/block:Answer}
  476.  
  477.  
  478.  
  479. <center><p></p><div id="info"><br>{block:Date}<a href="{Permalink}" style="background-color:#fff; padding:5px;color:#000;font-size:8px;font-style:italic;text-transform:uppercase;border:3px double #000;">posted {TimeAgo}</a> {block:NoteCount} &nbsp;&nbsp; ♡ <a href="{Permalink}">with {NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}<a href="{ReblogParentURL}"></a> {/block:RebloggedFrom}
  480. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}
  481. {block:HasTags}
  482. <div class="tags">
  483. {block:Tags} <a href="{TagURL}"> # {Tag}</a> {/block:Tags}</div>
  484. {/block:HasTags}
  485. </center>
  486.  
  487.  
  488.  
  489. </div>
  490.  
  491.  
  492.  
  493. {block:PostNotes}{PostNotes}{/block:PostNotes}
  494. {/block:Posts}
  495.  
  496. <div id="credit"><a href="http://urbanoutftters.tumblr.com/">uo</a></center></div>
  497.  
  498.  
  499. </body>
  500. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!