API tools faq
paste
Advertisement
ofcuteboys

Theme #05, "Kae"

ofcuteboys
Dec 13th, 2013
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.50 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9. THEME #05 BY OFCUTEBOYS
  10. Custom theme for Kae (05sos), hope you like it!
  11.  
  12. YOU MUST FOLLOW THE RULES:
  13. -do not redistribute, use parts, claim as your own, or steal my theme
  14. -do not move/tamper with my credit
  15. -this theme is not yours even if you edit it
  16. -do not use as a base code
  17. -like/reblog the theme post if you use this theme
  18.  
  19. FAILURE TO COMPLY WITH THE ABOVE TERMS IS A VIOLATION OF MY CREATIVE COMMONS 4.0 LICENSE AND WILL BE REPORTED TO TUMBLR STAFF.
  20.  
  21. Please enjoy the theme!
  22.  
  23.  
  24.  
  25. --->
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Text" content="#838282"/>
  29. <meta name="color:Link" content="#b8b8b8"/>
  30. <meta name="color:Hover" content="#838282"/>
  31. <meta name="color:accent" content="#ff0000"/>
  32. <meta name="text:Link 1 Title" content="01 text"/>
  33. <meta name="text:Link 1 URL" content="01"/>
  34. <meta name="text:Link 2 Title" content="02 text"/>
  35. <meta name="text:Link 2 URL" content="02"/>
  36. <meta name="text:Link 3 Title" content="03 text"/>
  37. <meta name="text:Link 3 URL" content="03"/>
  38. <meta name="if:Caption" content="1"/>
  39.  
  40.  
  41. <!---SCRIPT FOR TOOLTIPS--->
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45. <script>
  46. (function($){
  47. $(document).ready(function(){
  48. $("a[title]").style_my_tooltips({
  49. tip_follows_cursor:true,
  50. tip_delay_time:90,
  51. tip_fade_speed:600,
  52. attribute:"title"
  53. });
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58. <!---SCRIPT FOR POP UP ASK BOX--->
  59.  
  60. <script type="text/javascript"
  61. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  62. <script>
  63. $(document).ready(function() {
  64. //
  65. $('a.poplight[href^=#]').click(function() {
  66. var popID = $(this).attr('rel'); //Get Popup Name
  67. var popURL = $(this).attr('href'); //Get Popup href to define size
  68. var query= popURL.split('?');
  69. var dim= query[1].split('&');
  70. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  71. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/14.gif" class="btn_close" title="Close" alt="Close" /></a>');
  72. var popMargTop = ($('#' + popID).height() + 80) / 2;
  73. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  74. //Apply Margin to Popup
  75. $('#' + popID).css({
  76. 'margin-top' : -popMargTop,
  77. 'margin-left' : -popMargLeft
  78. });
  79. $('body').append('<div id="fade"></div>');
  80. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  81. return false;
  82. });
  83. $('a.close, #fade').live('click', function() {
  84. $('#fade , .popup_block').fadeOut(function() {
  85. $('#fade, a.close').remove(); //fade them both out
  86. });
  87. return false;
  88. });
  89. });
  90. </script>
  91.  
  92. <style type="text/css">
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100. body {
  101. background:{color:background};
  102. margin:0px;
  103. color:{color:text};
  104. font-family:arial;
  105. font-size:10px;
  106. line-height:100%;
  107. }
  108.  
  109. a {
  110. text-decoration:none;
  111. outline:none;
  112. -moz-outline-style:none;
  113. color:{color:link};
  114. }
  115.  
  116. i {color:{color:accent};}
  117. b {color:{color:accent};}
  118. em {color:{color:accent};font-size:2;}
  119. strong {color:{color:accent};font-size:2;}
  120.  
  121.  
  122. ::selection {
  123. background-color:{color:accent};
  124. }
  125.  
  126. a:hover{
  127. color:{color:hover};
  128. }
  129.  
  130. img {
  131. border:none;
  132. }
  133.  
  134. blockquote {
  135. padding-left:5px;
  136. border-left:2px solid;
  137. }
  138.  
  139. blockquote blockquote {
  140. padding-left:5px;
  141. border-left:2px solid;
  142. }
  143.  
  144. h1 {
  145. font-size:15px;
  146. }
  147.  
  148. #s-m-t-tooltip{
  149. max-width:250px;
  150. z-index:999999;
  151. margin:10px;
  152. padding:2px 5px;
  153. letter-spacing:2px;
  154. text-transform:uppercase; /* cand be lowercase or none */
  155. border-top:3px solid {color:accent}; /* change the border width and color */
  156. background:#fff; /* change the background color */
  157. color:#000; /* change the text color */
  158. font-family:arial; /* change the font */
  159. font-weight:bold;
  160. font-size:9px; /* change the font size */
  161. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  162.  
  163.  
  164. .popup_block{
  165. display: none;
  166. background: #000;
  167. background-image: url();
  168. padding: 10px;
  169. font-family: arial;
  170. float: left;
  171. line-height:130%;
  172. color:white;
  173. font-size: 10px;
  174. position: fixed;
  175. top: 50%; left: 50%;
  176. z-index: 2;
  177.  
  178. }
  179.  
  180. .popup_block a {
  181. color:{color:accent};
  182. }
  183. img.btn_close {
  184. float: right;
  185. width:10px;
  186. margin: -5px -5px 0 0;
  187. }
  188. *html .popup_block {
  189. position: absolute;
  190. }
  191.  
  192. #credit {
  193. bottom:3px;
  194. position:fixed;
  195. right:10px;
  196. float:right;
  197. font-family:calibri;
  198. color:black;
  199. font-size:9px;
  200. letter-spacing:1px;
  201. text-transform:uppercase;
  202. padding:5px;
  203.  
  204. }
  205.  
  206. #credit a {
  207. color:black;
  208. background-color:white;
  209. padding:5px;
  210. -webkit-transition-duration:.8s;
  211. -moz-transition-duration:.8s;
  212. -o-transition-duration:.8s;
  213. -ms-transition-duration:.8s;
  214. }
  215.  
  216. #credit a:hover {
  217. color:white;
  218. background-color:#00bdb3;
  219. }
  220.  
  221. #entries {
  222. padding:10px;
  223. width:500px;
  224. margin-left:600px;
  225. margin-top:40px;
  226. }
  227.  
  228. #post {
  229. width:500px;
  230. margin-bottom:50px;
  231. }
  232.  
  233. #sidebar {
  234. position:fixed;
  235. background-color:black;
  236. height:105%;
  237. width:30%;
  238. margin-left:0%;
  239. margin-top:-5%;
  240. }
  241.  
  242. #title {
  243. font-size:45px;
  244. text-align:center;
  245. color:white;
  246. margin-top:40%;
  247. margin-bottom:20px;
  248. margin-left:-10px;
  249. font-family:arial;
  250. font-weight:bold;
  251. letter-spacing:-3px;
  252. text-transform:lowercase;
  253. }
  254.  
  255.  
  256.  
  257. #links{
  258. margin-top:5px;
  259. font-size:25px;
  260. text-align:center;
  261. }
  262.  
  263. #links a{
  264. padding:5px;
  265. color:{color:accent};
  266. -moz-transition-duration:1s;
  267. -webkit-transition-duration:1s;
  268. -o-transition-duration:1s;
  269. }
  270.  
  271. #links a:hover{
  272. color:{color:hover};
  273. -moz-transition-duration:1s;
  274. -webkit-transition-duration:1s;
  275. -o-transition-duration:1s;
  276. }
  277.  
  278. #description {
  279. text-align:justify;
  280. color:white;
  281. margin-top:15px;
  282. margin-left:33%;
  283. width:140px;
  284. }
  285.  
  286. #pagination {
  287. font-size:10px;
  288. text-align:center;
  289. color:white;
  290. font-weight:bold;
  291. }
  292.  
  293. #pagination a {
  294. color:white;
  295. }
  296.  
  297. #info {
  298. text-align:center;
  299. width:100%;
  300. background-color:black;
  301. padding-top:5px;
  302. margin-top:10px;
  303. color:white;
  304. font-family:calibri;
  305. font-weight:bold;
  306. font-size:10px;
  307. padding-bottom:10px;
  308. }
  309.  
  310. #info a {
  311. font-size:12px;
  312. color:white;
  313. }
  314.  
  315. #asker {
  316. float:left;
  317. margin-right:5px;
  318. }
  319.  
  320. .quotes {
  321. font-family:times;
  322. color:{color:accent};
  323. font-weight:bold;
  324. font-size:55px;
  325. }
  326.  
  327.  
  328. {CustomCSS}</style></head><body>
  329.  
  330. <div id="sidebar">
  331.  
  332. <div id="title">
  333. <span class="quotes">“</span> {Title} <span class="quotes">”</span>
  334. </div>
  335.  
  336.  
  337. <div id="links">
  338. <a href="/" title="fresh">◾</a>
  339. <a href="#?w=500" rel="02" class="poplight" title="message">◾</a>
  340. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">◾</a>
  341. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">◾</a>
  342. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">◾</a></div>
  343.  
  344. <div id="description">{Description}</div>
  345.  
  346. <div id="pagination">
  347. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} —
  348. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  349. </div>
  350.  
  351. </div>
  352.  
  353. <div id="entries">{block:Posts}<div id="post">
  354.  
  355.  
  356. <div id="info">posted on <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a> {/block:Date} with <a href="{Permalink}">{NoteCount} notes </a> {block:RebloggedFrom} via <a href="{ReblogParentURL}"><img src="http://i171.photobucket.com/albums/u300/ferny-dust/sets/5.gif" width="10px"></a> ; {/block:RebloggedFrom}
  357. <br>
  358. {block:HasTags}filed:{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}{/block:HasTags}</div>
  359.  
  360.  
  361. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  362.  
  363. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}
  364.  
  365. {block:IfCaption}
  366. {block:Caption}{Caption}{/block:Caption}
  367. {/block:IfCaption}
  368. {/block:Photo}
  369.  
  370. {block:Photoset}{Photoset-500}
  371.  
  372. {block:IfCaption}
  373. {block:Caption}{Caption}{/block:Caption}{/block:IfCaption}{/block:Photoset}
  374.  
  375. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  376.  
  377. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  378.  
  379. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  380.  
  381. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  382.  
  383. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  384.  
  385. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  386.  
  387.  
  388. </div>
  389. {/block:Posts}</div>
  390.  
  391. <div id="credit"><a href="http://ofcuteboystumblr.com">ofcuteboys.</a></div>
  392.  
  393. </body>
  394. <!---POP UP ASK BOX--->
  395.  
  396. <div id="02" class="popup_block">
  397.  
  398.  
  399. <h1>Your FAQ goes here</h1><br><br>
  400.  
  401. <b>I will:</b>
  402. <br><blockquote>
  403. check out your blog (tag <u>#05sos</u> in a post)<br>
  404. help you with html<br>
  405. be your friend<br>
  406. reblog a promo group post<br>
  407. do p4p<br>
  408. </blockquote>
  409.  
  410. <b>I will not:</b>
  411. <br><blockquote>
  412. follow back<br>
  413. vote for you<br>
  414. tell you why I unfollowed
  415. </blockquote><br>
  416.  
  417. <b>Other:</b>
  418. <br><blockquote>
  419. previous urls:<i> liamschicka ➞ cheersire ➞ curlsfromchesire ➞ harryfuls ➞ unfperrie ➞ noperrie ➞ zoellesugs ➞ 05sos ➞ Jackulantern ➞ 05sos➞ thebeaytles </i><br>
  420. hit counter started january 9th
  421. </blockquote>
  422.  
  423.  
  424. <Center><font size="5" color="#000"><p></font><iframe frameborder="0" scrolling="yes" width="100%" height="200" src="http://www.tumblr.com/ask_form/{URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  425. </center></div><center><br>
  426.  
  427.  
  428.  
  429.  
  430. </center>
  431.  
  432. </div></div></div></div></div></div></div></div></div></div></div>
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440. </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!