API tools faq
paste
Advertisement
rewarn

Theme #10 BY REWARN @ REWARNTHEMES

rewarn
Apr 28th, 2014
1,653
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.83 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Rᴇᴡᴀʀɴ Tʜᴇᴍᴇs
  3. (ʀᴇᴡᴀʀɴᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
  4. Mᴀᴅᴇ Bʏ Rᴇᴡᴀʀɴ
  5.  
  6. Tʜᴇᴍᴇ #10 - BLOGROLL THEME
  7.  
  8. Pʟᴇᴀsᴇ ᴋᴇᴇᴘ ᴛʜᴇ ᴛʜᴇᴍᴇ ᴄʀᴇᴅɪᴛs, ᴀɴᴅ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ᴏʀ ʀᴇᴅɪsᴛʀɪʙᴜᴛᴇ ᴛʜᴇ ᴄᴏᴅᴇs ғᴏᴜɴᴅ ɪɴ ᴛʜɪs ᴛʜᴇᴍᴇ.
  9.  
  10. Gᴏ ᴛᴏ EᴀsʏHᴛᴍʟTᴜᴛᴏʀɪᴀʟs.ᴄᴏᴍ ғᴏʀ ᴛʜᴇᴍᴇ ᴀssɪsᴛᴀɴᴄᴇ.
  11. -->
  12.  
  13. <html lang="en">
  14. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17. <link rel="shortcut icon" href="{favicon}">
  18. <script type="text/javascript">
  19. <!--
  20.  
  21. // Disable Right Click Script
  22.  
  23. function IE(e)
  24. {
  25. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  26. {
  27. return false;
  28. }
  29. }
  30. function NS(e)
  31. {
  32. if (document.layers || (document.getElementById && !document.all))
  33. {
  34. if (e.which == "2" || e.which == "3")
  35. {
  36. return false;
  37. }
  38. }
  39. }
  40. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  41.  
  42. //-->
  43. </script>
  44.  
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:30,
  56.  
  57. tip_fade_speed:300,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68.  
  69.  
  70.  
  71. <script type="text/javascript"
  72. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  73. <script>
  74. $(document).ready(function() {
  75. //
  76. $('a.poplight[href^=#]').click(function() {
  77. var popID = $(this).attr('rel'); //Get Popup Name
  78. var popURL = $(this).attr('href'); //Get Popup href to define size
  79. var query= popURL.split('?');
  80. var dim= query[1].split('&');
  81. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  82. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/z9fa1r8/4yvn4h5ls/tooltip-closebutton.png" class="btn_close" title="Close" alt="Close" /></a>');
  83. var popMargTop = ($('#' + popID).height() + 80) / 2;
  84. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  85. //Apply Margin to Popup
  86. $('#' + popID).css({
  87. 'margin-top' : -popMargTop,
  88. 'margin-left' : -popMargLeft
  89. });
  90. $('body').append('<div id="fade"></div>');
  91. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  92. return false;
  93. });
  94. $('a.close, #fade').live('click', function() {
  95. $('#fade , .popup_block').fadeOut(function() {
  96. $('#fade, a.close').remove(); //fade them both out
  97. });
  98. return false;
  99. });
  100. });
  101. </script>
  102.  
  103. <script type="text/javascript"
  104. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  105.  
  106.  
  107.  
  108. <a href="http://rewarn.tumblr.com/"><div id="thelogo" style="font-family:serif;">ⓒ&nbsp;&nbsp;theme by<br><i>rewarn</i>themes</div><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/z9fa1r8/l2Jn19uhf/semehtnrawer.css"></a>
  109.  
  110. <link href='http://fonts.googleapis.com/css?family=Fredoka+One|Alegreya+SC' rel='stylesheet' type='text/css'>
  111.  
  112. <style type="text/css">
  113.  
  114. ::-webkit-scrollbar {width: 8px; height: 4px; background: #fff; border-left: 0px solid #fff; }
  115.  
  116. ::-webkit-scrollbar-thumb { background-color:#75b1d6; border-bottom: 0px solid #fff; border-top: 0px solid #fff; border-left: 0px solid
  117. #fff; border-right: 0px solid #fff; }
  118.  
  119. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.8s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-
  120.  
  121. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  122.  
  123. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  124.  
  125. p {
  126. margin:0px;
  127. margin-top:0px;
  128. }
  129.  
  130. #s-m-t-tooltip {
  131. max-width:300px; /* maximum width */
  132. background-color:#ffffff; /* color background */
  133. border:1px solid #bbb; /* color, shape and thickness of the border */
  134. font-size:9px; /* font size */
  135. color:{color:text}; /* font color */
  136. letter-spacing:2px; /* font spacing */
  137. text-transform:uppercase; /* uppercase, lowercase, none */
  138. padding:3px; /* padding size */
  139. margin:5px 0px 0px 20px; /* margin size */
  140. z-index:9999999999999999999999;
  141. border-radius: 2px; /* border radius */
  142. -webkit-box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.3);
  143. -moz-box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.3);
  144. box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.3);
  145. }
  146.  
  147. body {
  148. padding: 0px;
  149. margin: 0px;
  150. color:#848484;
  151. font-family:cambria;
  152. line-height:13px;
  153. font-size:11px;
  154. background-color: #fff;
  155. }
  156.  
  157.  
  158. a:link, a:active, a:visited{
  159. text-decoration: none;
  160. -webkit-transition: color 0.3s ease-out;
  161. -moz-transition: color 0.3s ease-out;
  162. transition: color 0.3s ease-out;
  163. color:#75b1d6;
  164. -webkit-transition: all .3s ease;
  165. -moz-transition: all .3s ease;
  166. -o-transition: all .3s ease;
  167. }
  168.  
  169. a:hover {
  170. text-decoration: none;
  171. font-style:;
  172. color: #ccc;
  173. text-shadow:1px 1px 1px #eee;
  174. -webkit-transition: all .3s ease;
  175. -moz-transition: all .3s ease;
  176. -o-transition: all .3s ease;
  177. }
  178.  
  179. div#center{
  180. margin:auto;
  181. position:relative;
  182. width:860px;
  183. background-color:;
  184. overflow:auto;
  185. overflow-y:hidden;
  186. }
  187.  
  188.  
  189. #blog_header {
  190. opacity:0.85;
  191. position:relative;
  192. z-index:9999;
  193. height:160px;
  194. margin-top:20px;
  195. background-color:transparent;
  196. width:855px;
  197. overflow:hidden;
  198. }
  199.  
  200.  
  201. .blogtitle {
  202. width:855px;
  203. margin-top:15px;
  204. font-family: 'Fredoka One', 'cursive';
  205. text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.6);
  206. letter-spacing:2px;
  207. font-size:50px;
  208. line-height: 50px;
  209. height:45px;
  210. color:#75b1d6;
  211. text-align:center;
  212. transition: all 2s ease;
  213. -webkit-transition: all 2s ease;
  214. -moz-transition: all 2s ease;
  215. -o-transition: all 2s ease;
  216. }
  217.  
  218. #nav {
  219. width:855px;
  220. margin-top:25px;
  221. text-align:center;
  222. -webkit-transition: all .5s ease;
  223. -moz-transition: all .5s ease;
  224. -o-transition: all .5s ease;
  225. }
  226.  
  227. #navlink {display:inline-block;
  228. text-align:center;
  229. padding:9px;
  230. border-bottom:2px solid #848484;
  231. background:#fff;
  232. font-size:13px;
  233. line-height:4px;
  234. margin-left:7px;
  235. margin-right:7px;
  236. text-transform:lowercase;
  237. -webkit-transition: all .5s ease;
  238. -moz-transition: all .5s ease;
  239. -o-transition: all .5s ease;
  240. }
  241.  
  242. #navlink:hover {background:#eee;
  243. -webkit-transition: all .5s ease;
  244. -moz-transition: all .5s ease;
  245. -o-transition: all .5s ease; }
  246.  
  247. #nav a { opacity:0.8;
  248. color:#848484;
  249. --webkit-transition: all .5s ease;
  250. -moz-transition: all .5s ease;
  251. -o-transition: all .5s ease; }
  252.  
  253.  
  254. #persimmons_all {
  255. width:855px;
  256. margin-left:0px;
  257. border:1px solid #fff;
  258. margin-top:-30px;
  259. }
  260.  
  261. .blogroll_member img{ width:71px; border:2px solid #eee;
  262. -webkit-transition: all 1s ease-in;
  263. -moz-transition: all 1s ease-in;
  264. -ms-transition: all 1s ease-in;
  265. -o-transition: all 1s ease-in;
  266. transition: all 1s ease-in;
  267. }
  268.  
  269. .blogroll_member img:hover {
  270. transform:rotate(360deg);
  271. -ms-transform:rotate(360deg); /* IE 9 */
  272. -webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
  273. -webkit-border-radius: 100px;
  274. -moz-border-radius: 100px;
  275. border-radius: 100px;
  276. -webkit-transition: all 1s ease-in;
  277. -moz-transition: all 1s ease-in;
  278. -ms-transition: all 1s ease-in;
  279. -o-transition: all 1s ease-in;
  280. transition: all 1s ease-in;
  281. }
  282.  
  283. .blogroll_member {display:inline-block; padding:5px;}
  284.  
  285.  
  286.  
  287. #fade {
  288. display:none;
  289. background:#000;
  290. position:fixed;
  291. left:0; top:0;
  292. width:100%;
  293. height:100%;
  294. opacity:.80;
  295. z-index:9999; }
  296. .popup_block {
  297. display:none;
  298. background:#fff;
  299. padding:10px;
  300. border:1px solid #ddd;
  301. float:left;
  302. font-size:10;
  303. position:fixed;
  304. top:50%; left:50%;
  305. z-index:99999;}
  306. img.btn_close {
  307. float:right;
  308. margin:3px 3px 0px 0px; }
  309. *html #fade { position:absolute; }
  310. *html .popup_block { position:absolute; }
  311.  
  312. #s-m-t-tooltip{
  313. font-size:15px;
  314. position:absolute;
  315. margin-top: 15px;
  316. letter-spacing:1px;
  317. z-index:9999;
  318. background:white;border:1px solid #ddd;
  319. color:;
  320. text-transform:uppercase;
  321. padding:5px 5px 5px 5px;
  322. }
  323.  
  324.  
  325. </style>
  326.  
  327. <title>{title}</title>
  328. <meta name="viewport" content="width=820" />
  329. </head>
  330.  
  331.  
  332. <body onselectstart="return false;" ondragstart="return false;">
  333.  
  334. <div class="header">
  335.  
  336.  
  337. <div id="cage">
  338. <div id="center">
  339. <div id="blog_header">
  340. <div class="blogtitle">Blogroll</div>
  341.  
  342. <div id="nav">
  343. <div id="navlink"><a href="/">back to blog</a></div>
  344.  
  345. <div id="navlink">
  346. <a href="#?w=500" rel="02" class="poplight">message</a><br>
  347. </div>
  348.  
  349. <div id="navlink"><a href="http://rewarn.tumblr.com">theme</a></div>
  350. </div></div>
  351.  
  352. <div id="persimmons_all">
  353. <center>
  354. {block:Following}{block:Followed}
  355. <div class="blogroll_member">
  356. <a target="_blank" href="{FollowedURL}">
  357. <img src="{FollowedPortraitURL-96}">
  358. </div>
  359. {/block:Followed}{/block:Following}
  360. </a>
  361. </center></div>
  362. </div>
  363.  
  364. </body>
  365.  
  366. <div id="02" class="popup_block">
  367. <center>
  368. <iframe frameborder="0" scrolling="yes" width="100%" height="200" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  369. </center></div></div></div></div></div></div></div></div></div></div></div>
  370. </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!