API tools faq
paste
Cuddly-Themes

Checkered? :)

Cuddly-Themes
Sep 27th, 2012
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.77 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <meta name="image:Background" content="https://lh5.googleusercontent.com/_xBRB7Tc7HjE/TYa_yCWemSI/AAAAAAAAAXg/JFsy23wH-nQ/s800/pbg016-dot-1.png"/>
  5. <meta name="image:Sidebar" content="http://25.media.tumblr.com/tumblr_lomnv0a4iI1qf7ikto1_400.png"/>
  6. <META name="text:Link NAME 1" content="Link">
  7. <META name="text:Link URL 1" content="http://">
  8. <META name="text:Link NAME 2" content="Link">
  9. <META name="text:Link URL 2" content="http://">
  10. <META name="text:Link NAME 3" content="Link">
  11. <META name="text:Link URL 3" content="http://">
  12. <META name="text:Link NAME 4" content="Link">
  13. <META name="text:Link URL 4" content="http://">
  14. <META name="text:Link NAME 5" content="Link">
  15. <META name="text:Link URL 5" content="http://">
  16.  
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19. <script>
  20. $(document).ready(function() {
  21. //
  22. $('a.poplight[href^=#]').click(function() {
  23. var popID = $(this).attr('rel'); //Get Popup Name
  24. var popURL = $(this).attr('href'); //Get Popup href to define size
  25. var query= popURL.split('?');
  26. var dim= query[1].split('&');
  27. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  28. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  29. var popMargTop = ($('#' + popID).height() + 80) / 2;
  30. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  31. //Apply Margin to Popup
  32. $('#' + popID).css({
  33. 'margin-top' : -popMargTop,
  34. 'margin-left' : -popMargLeft
  35. });
  36. $('body').append('<div id="fade"></div>');
  37. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  38. return false;
  39. });
  40. $('a.close, #fade').live('click', function() {
  41. $('#fade , .popup_block').fadeOut(function() {
  42. $('#fade, a.close').remove(); //fade them both out
  43. });
  44. return false;
  45. });
  46. });
  47. </script>
  48.  
  49. <style type="text/css">
  50.  
  51. /** Fonts **/
  52.  
  53. @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  54. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  55. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  56.  
  57. /** Others **/
  58.  
  59. body{
  60. color:black;
  61. font-family: "tinytots";
  62. font-size:8px;
  63. color:#999999;
  64. background-image: url({image:Background});
  65. }
  66.  
  67. a:link, a:active, a:visited{
  68. color: #ffbfbf;
  69. text-decoration:none;
  70. font-family: "cedarcursive"
  71. -webkit-transition-duration: 0.4s;}
  72.  
  73. a:hover{ color: #fff;
  74. text-shadow:0px 0px 3px #ff9999;}
  75.  
  76. p{
  77. margin-top:5px;
  78. }
  79.  
  80. ul{
  81. font-size: 7px;
  82. letter-spacing: 2px;
  83. font-family: 'tahoma';
  84. line-height: 12px;
  85. list-style-image: url(http://i42.tinypic.com/id8ux2.png);
  86. }
  87.  
  88. blockquote{
  89. border-left: 3px double #ffbfbf;
  90. padding:5px;
  91. }
  92.  
  93.  
  94. h1{
  95. font-family: "cedarcursive";
  96. font-size:15px;
  97. }
  98.  
  99. h2{
  100. background-image:url(https://lh5.googleusercontent.com/_xBRB7Tc7HjE/TXM5r20-YjI/AAAAAAAAAWE/mDA_9v_rOww/s800/pbg015-gingham-1.png);
  101. padding:1px;
  102. font-family:"sueellen";
  103. border-top:4px solid #FFCCCC;
  104. border-left:4px solid #FF9C9C;
  105. border-right:4px solid #FF9C9C;
  106. border-bottom:4px solid #FFCCCC;
  107. font-size:15px;
  108. text-align:center;
  109. }
  110.  
  111. h3{
  112. border-bottom: 2px dashed #ddd;
  113. padding:5px;
  114. font-family:"sueellen";
  115. font-size:25px;
  116. text-align:center;
  117. }
  118.  
  119. /** Id **/
  120.  
  121. #content{
  122. width:500px;
  123. height:470px;
  124. margin-left:10px;
  125. margin-top:8px;
  126. overflow:auto;
  127. background-color:#fff;
  128. position:absolute;
  129. padding:5px;
  130. }
  131.  
  132. #entry{
  133. padding:2px;
  134. background-color:#fff;
  135. width:450px;
  136. float:left;
  137. margin:2px;
  138. }
  139.  
  140.  
  141.  
  142. #sidebar{
  143. background-color:#fff;
  144. width:180px;
  145. margin-top:8px;
  146. margin-left:7px;
  147. position:absolute;
  148. padding:3px;
  149. }
  150.  
  151. div#center2{
  152. background-image: url(https://lh5.googleusercontent.com/_xBRB7Tc7HjE/TXM5r20-YjI/AAAAAAAAAWE/mDA_9v_rOww/s800/pbg015-gingham-1.png);
  153. width:200px;
  154. margin-top:28px;
  155. height: 410px;
  156. -moz-box-shadow; 10px 3px 8px #ddd;
  157. -webkit-box-shadow; 10px 3px 8px #ddd;
  158. border:1px solid #ddd;
  159. margin-left:68px;
  160. position:absolute;
  161. padding:3px;
  162. }
  163.  
  164. div#center{
  165. background-image: url(https://lh5.googleusercontent.com/_xBRB7Tc7HjE/TXM5r20-YjI/AAAAAAAAAWE/mDA_9v_rOww/s800/pbg015-gingham-1.png);
  166. width:530px;
  167. margin-top:28px;
  168. height:500px;
  169. -moz-box-shadow; 10px 3px 8px #ddd;
  170. -webkit-box-shadow; 10px 3px 8px #ddd;
  171. border:1px solid #ddd;
  172. margin-left:350px;
  173. overflow: auto;
  174. }
  175.  
  176. #fade {
  177. display: none;
  178. background: #000;
  179. position: fixed; left: 0; top: 0;
  180. width: 100%; height: 100%;
  181. opacity: .80;
  182. z-index: 9999;
  183. }
  184.  
  185. #margin{
  186. margin-top:600px;
  187. position: absolute;
  188. margin-left:650px;
  189. }
  190.  
  191. /** Class **/
  192.  
  193. .teleport{
  194. background-image:url(http://media.tumblr.com/tumblr_lpwohdMqbP1qcn2vb.png);
  195. border-radius: 0px 0px 40px 40px;
  196. border: 1px solid #ddd;
  197. position: absolute;
  198. width:250px;
  199. padding:6px;}
  200.  
  201. .popup_block{
  202. display: none;
  203. background-image: url(http://30.media.tumblr.com/tumblr_lvno9oXE1G1r3srlmo2_250.jpg);
  204. padding: 20px;
  205. border: 5px solid #ffbfbf;
  206. float: left;
  207. font-size: 8px;
  208. position: fixed;
  209. top: 50%; left: 50%;
  210. z-index: 99999;
  211. -webkit-box-shadow: 0px 0px 20px #ffbfbf;
  212. -moz-box-shadow: 0px 0px 20px #ffbfbf;
  213. box-shadow: 0px 0px 20px #ffbfbf;
  214. -webkit-border-radius: 10px;
  215. -moz-border-radius: 10px;
  216. border-radius: 10px;}
  217.  
  218. img.btn_close {
  219. float: right;
  220. margin: -5px -5px 0 0;}
  221.  
  222. *html #fade {
  223. position: absolute;}
  224.  
  225. *html .popup_block {
  226. position: absolute;}
  227.  
  228. .button a{
  229. opacity: 0.9;
  230. background-color: #FFC0CB;
  231. color:#fff;
  232. text-transform:uppercase;
  233. text-align:left;
  234. font-size:10px;
  235. padding:5px;
  236. padding-left:8px;
  237. padding-right:8px;
  238. font-family:10px;
  239. -webkit-transition: all 0.7s ease-out;
  240. -moz-transition: all 0.7s ease-out;
  241. -o-transition: all 0.7s ease-out;
  242. }
  243.  
  244. .button a:hover{
  245. opacity: 1;
  246. padding-right:75px;
  247. border-right:20px solid #ff9f99;
  248. -webkit-transition: all 0.7s ease-out;
  249. -moz-transition: all 0.7s ease-out;
  250. -o-transition: all 0.7s ease-out;
  251. }
  252.  
  253. .date{
  254. background-image:url(https://lh5.googleusercontent.com/_xBRB7Tc7HjE/TXM5r20-YjI/AAAAAAAAAWE/mDA_9v_rOww/s800/pbg015-gingham-1.png);
  255. padding:5px;
  256. border-top:4px solid #FFCCCC;
  257. border-left:4px solid #FF9C9C;
  258. border-right:4px solid #FF9C9C;
  259. border-bottom:4px solid #FFCCCC;
  260. margin-top:5px;
  261. margin-bottom:5px;
  262. }
  263.  
  264. {CustomCSS]</style>
  265.  
  266. </head>
  267.  
  268. <body>
  269.  
  270. <div style="margin-top:50px; position:absolute; margin-left: 275px; z-index:99999;"><div class="button"><a href="/">Home</a><br><br><br><a href="/ask">Message</a><br><br><br><a href="/submit">Submit</a><br><br><br><a href="/archive">Archive</a><br><br><br><a href="htpp://flaffi.tumblr.com">Designer</a><br><br><br><a href="{text:Link URL 1}">{text:Link NAME 1}</a><br><br><br><a href="{text:Link URL 2}">{text:Link NAME 2}</a><br><br><br><a href="{text:Link URL 3}">{text:Link NAME 3}</a><br><br><br><a href="{text:Link URL 4}">{text:Link NAME 4}</a><br><br><br><a href="{text:Link URL 5}">{text:Link NAME 5}</a></div></div>
  271.  
  272. <div id="center2">
  273. <div id="sidebar">
  274. <h2>About Me</h2>
  275. <img src="{image:Sidebar}" width="170">{Description}<br>
  276.  
  277. <h2>Disclaimer</h2>
  278. I don't own any photos here unless stated if you own any photo's here kindly tell me so I can credit you properly thank you
  279.  
  280. <h2>Credits</h2>
  281. <center>Themed By <a href="htpp;//flaffi.tumblr.com">Flaffi</a><br>Backgrounds From <a href="http://prettypoodle.blogspot.com">PrettyPoodle</a></center><br>
  282.  
  283. </div></div>
  284.  
  285. <div id="center">
  286. <div id="content">
  287. <div id="entry">
  288. {block:Posts}
  289.  
  290. {block:IndexPage}
  291. <div class="date">
  292. <a href="{permalink}">{NoteCountWithLabel}</a> ✿ <a href="{ReblogURL}" target="_blank">Reblog</a> </span></div>
  293. {/block:IndexPage}
  294.  
  295. {block:Text}
  296. {block:Title}
  297. <h3><a href="{Permalink}">{Title}</a></h3>
  298. {/block:Title}
  299. {Body}
  300. {/block:Text}
  301.  
  302. {block:Photo}
  303. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="480px"/>
  304. {/block:Photo}
  305.  
  306. {block:Photoset}
  307. {Photoset-500}
  308. {block:Caption}
  309. <div class="caption">{Caption}</div>
  310. {/block:Caption}
  311. {/block:Photoset}
  312.  
  313. {block:Quote}
  314. <h1>{Quote}</h1>
  315. {block:Source}
  316. <div class="source">{Source}</div>
  317. {/block:Source}
  318. {/block:Quote}
  319.  
  320. {block:Link}
  321. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  322. {block:Description}
  323. <div class="description">{Description}</div>
  324. {/block:Description}
  325. {/block:Link}
  326.  
  327. {block:Chat}
  328. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  329. <ul class="chat">
  330. {block:Lines}
  331. <li class="{Alt} user_{UserNumber}">
  332. {block:Label}
  333. <span class="label">{Label}</span>
  334. {/block:Label}
  335. {Line}
  336. </li>
  337. {/block:Lines}
  338. </ul>
  339. {/block:Chat}
  340.  
  341. {block:Video}
  342. {Video-500}
  343. {block:Caption}
  344. <div class="caption">{Caption}</div>
  345. {/block:Caption}
  346. {/block:Video}
  347.  
  348. {block:Audio}
  349. {AudioPlayerBlack}
  350.  
  351. {block:Caption}
  352. <div class="caption">{Caption}</div>
  353. {/block:Caption}
  354. {/block:Audio}
  355.  
  356. {/block:Posts}
  357. </div></div></div></div>
  358.  
  359. </body>
  360.  
  361. <div id="submit" class="popup_block">
  362. <center><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  363. </center>
  364. </div>
  365.  
  366. <div id="links" class="popup_block">
  367. <center>*Add Links Here*</center><br>
  368. <center>*Add Links Here*</center><br>
  369. <center>*Add Links Here*</center><br>
  370. <center>*Add Links Here*</center><br>
  371. </div>
  372.  
  373. <div id="ask" class="popup_block">
  374. <center><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  375. </center></div>
  376.  
  377.  
  378. </html>
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!