API tools faq
paste
Advertisement
kawaiibuu

Storm Redux

kawaiibuu
Aug 9th, 2013
1,445
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.30 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. _ _ _ _ _ _
  4. (_)_ _| |__ (_) | ___ ___ | |_| |__ ___ _ __ ___ ___ ___
  5. | | | | | '_ \| | |/ _ \/ _ \ | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
  6. | | |_| | |_) | | | __/ __/ | |_| | | | __/ | | | | | __/\__ \
  7. _/ |\__,_|_.__/|_|_|\___|\___| \__|_| |_|\___|_| |_| |_|\___||___/
  8. |__/
  9. jubileethemes.tumblr.com
  10. ** don't remove this **
  11.  
  12.  
  13. -->
  14.  
  15.  
  16. <div style="position:fixed; margin-top: {text:Floating Img Vertical Align}px; margin-left: {text:Floating Img Horizontal Align}px; z-index:1;"><img src="{image:floating img}" title="{title}"><a href="/"></a></div>
  17.  
  18. <div style="position:fixed; left:10px; bottom:5px; font-size:11px; opacity:0.8; color:{color:links}; z-index:1;"><a href="http://jubileethemes.tumblr.com" title="jubilee themes"><font color="{color:links}">&copy;</font></a></div>
  19.  
  20. <div style="position:fixed; left:20px; bottom:-5px; font-size:11px; opacity:0.8; color:{color:links};"><img src="{image:bottom img}" title="{title}"></a></div>
  21. <head>
  22. <!-- colors -->
  23. <meta name="color:background" content="" />
  24. <meta name="color:border" content="#000">
  25. <meta name="color:text" content="#000">
  26. <meta name="color:links" content="#000" />
  27. <meta name="color:links hover" content="" />
  28.  
  29. <meta name="color:Gradient Top" content="#ffffff"/>
  30. <meta name="color:Gradient Bottom" content=""/>
  31. <!-- font -->
  32. <meta name="font:body" content="courier new" />
  33. <!-- images -->
  34. <meta name="image:background" content="" />
  35. <meta name="image:permalink" content="" />
  36. <meta name="image:sidebar" content="" />
  37. <meta name="image:floating img" content="" />
  38. <meta name="image:bottom img" content="" />
  39. <meta name="image:floaties1" content="" />
  40. <meta name="image:floaties2" content="" />
  41. <meta name="image:floaties3" content="" />
  42. <meta name="image:floaties4" content="" />
  43. <meta name="image:floaties5" content="" />
  44. <!-- text values -->
  45. <meta name="text:Post opacity" content="0.25" />
  46. <meta name="text:Footer opacity" content="0.25" />
  47. <meta name="text:Sidebar opacity" content="0.55" />
  48. <meta name="text:Post Bottom Margins" content="15" />
  49. <meta name="text:Sidebar Vertical Align" content="150" />
  50. <meta name="text:Sidebar Horizontal Align" content="250" />
  51. <meta name="text:Sidebar Vertical Align" content="150" />
  52. <meta name="text:Sidebar Horizontal Align" content="250" />
  53. <meta name="text:Floating Img Vertical Align" content="150" />
  54. <meta name="text:Floating Img Horizontal Align" content="250" />
  55. <meta name="text:MenuTitle" content="links" />
  56. <meta name="text:FooterSymbol" content="">
  57. <meta name="text:scrolltotop" content="^" />
  58. <meta name="text:link 1" content="" />
  59. <meta name="text:link 2" content="" />
  60. <meta name="text:link 3" content="" />
  61. <meta name="text:link 4" content="" />
  62. <meta name="text:link 5" content="" />
  63. <meta name="text:link 6" content="" />
  64. <meta name="text:link 1 url" content="" />
  65. <meta name="text:link 2 url" content="" />
  66. <meta name="text:link 3 url" content="" />
  67. <meta name="text:link 4 url" content="" />
  68. <meta name="text:link 5 url" content="" />
  69. <meta name="text:link 6 url" content="" />
  70. <!-- toggle options 1 -->
  71. <meta name="if:Captions" content="0">
  72. <meta name="if:Link Dropbox" content="0">
  73. <meta name="if:Centered Post Text" content="0">
  74.  
  75. <!-- toggle options 2 -->
  76. <meta name="if:Fullsized Background Image" content="0">
  77. <meta name="if:Gradient Background" content="0"/>
  78. <meta name="if:Navigation Buttons" content="0"/>
  79. <meta name="if:Grayscale Images" content="0"/>
  80. <meta name="if:Fade Images" content="0"/>
  81. <meta name="if:Show Album Art" content="1"/>
  82. <meta name="if:Show Reblog" content="1"/>
  83. <!-- toggle options 1A -->
  84. <meta name="if:transparent post" content="0"/>
  85. <meta name="if:transparent sidebar" content="0"/>
  86. <meta name="if:disappearing borders" content="0"/>
  87. <meta name="if:disappearing footer background" content="0"/>
  88. <meta name="if:Rounded Borders" content="0"/>
  89. <meta name="if:Dark Post" content="0"/>
  90. <meta name="if:Dark Sidebar" content="0"/>
  91. <!-- toggle options 2A -->
  92. <meta name="if:link border" content="0"/>
  93. <meta name="if:link background" content="0"/>
  94. <meta name="if:post border" content="0"/>
  95. <meta name="if:sidebar border" content="0"/>
  96. <meta name="if:sidebar shadow" content="0"/>
  97. <meta name="if:shadow 1" content="0" />
  98. <meta name="if:shadow 2" content="0" />
  99. <meta name="if:shadow 3" content="0" />
  100. <meta name="if:shadow 4" content="0" />
  101. <meta name="if:shadow 5" content="0" />
  102. <meta name="if:shadow 6" content="0" />
  103.  
  104.  
  105.  
  106.  
  107. <script type="text/javascript" src="http://tumblogy.com/wp-content/uploads/2013/03/Endless-Scroll-Code.js"></script>
  108.  
  109.  
  110. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  111. <title>{Title}</title>
  112. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  113. <link rel="shortcut icon" href="{Favicon}" />
  114.  
  115. <style type="text/css">
  116.  
  117.  
  118. iframe#tumblr_controls { right:0px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  119. 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 0.4s ease-out;}
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126. {block:IfGrayscaleImages}
  127. img{
  128. -webkit-transition: opacity 0.8s linear;
  129. opacity: 0.60;
  130. -webkit-filter:grayscale(100%);
  131. }
  132. img:hover{
  133. -webkit-transition: opacity 0.8s linear;
  134. opacity: 1;
  135. -webkit-filter:none;
  136. }
  137. {/block:IfGrayscaleImages}
  138. {block:IfFadeImages}
  139. img{
  140. -webkit-transition: opacity 0.8s linear;
  141. opacity: 0.60;
  142. }
  143. img:hover{
  144. -webkit-transition: opacity 0.8s linear;
  145. opacity: 1;
  146. }
  147. {/block:IfFadeImages}
  148.  
  149.  
  150.  
  151. /* background */
  152. {block:IfNotGradientBackground}
  153. body {
  154. background:fixed;
  155. background: {color:Background} url('{image:Background}') top left fixed repeat;
  156. {block:IfFullsizedBackgroundImage}background-size:cover;{/block:ifFullsizedBackgroundImage}
  157. margin: 0;
  158. padding: 0;
  159. font-family: {font:Body};
  160. }
  161. {block:IfNotGradientBackground}
  162.  
  163. {block:IfGradientBackground}
  164. body {
  165. background:fixed;
  166. background-image: -o-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  167. background-image: -moz-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  168. background-image: -webkit-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  169. background-image: -ms-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  170. background-image: linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  171. margin: 0;
  172. padding: 0;
  173. font-family: {font:Body};
  174. }
  175. {/block:IfGradientBackground}
  176.  
  177.  
  178.  
  179. .clear {
  180. clear: both;
  181. height: 0px;
  182. overflow: hidden;
  183. }
  184.  
  185. /* all images */
  186. a img {
  187. border: none;
  188. }
  189.  
  190. /* page content */
  191.  
  192. #wrapper {
  193. width: 250px;
  194. margin: auto;
  195. }
  196.  
  197. #wrapper #content {
  198. width:250px;
  199. margin-top: 10px;
  200. }
  201.  
  202. #wrapper #content .post {
  203. width:250px;
  204. font-family: {font:Body};
  205. {block:ifpostborder}border: 1px solid {color:border};{/block:ifpostborder}
  206. {block:ifnottransparentpost}
  207. {block:ifDarkPost}
  208. background: rgba(0, 0, 0, {text:post opacity});
  209. {/block:ifDarkPost}
  210. {block:IfNotDarkPost}
  211. background: rgba(255, 255, 255, {text:post opacity});
  212. {/block:IfNotDarkPost}
  213. {/block:ifnottransparentpost}
  214. {block:iftransparentpost}
  215. background: ;
  216. {/block:iftransparentpost}
  217. padding: 0px;
  218. position:relative;
  219. margin-bottom:{text:Post Bottom Margins}px;
  220. {block:ifRoundedBorders} -moz-border-radius:6px;
  221. -webkit-border-radius: 6px;
  222. border-radius: 6px;
  223. {/block:ifRoundedBorders}
  224. {block:ifshadow1}
  225. box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  226. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255,1);
  227. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  228. {/block:ifshadow1}
  229. {block:ifshadow2} box-shadow: 0 0 11px rgba(255, 228, 225, 0.5);
  230. -webkit-box-shadow: 0 0 11px rgba(255, 228, 225, 0.5);
  231. -moz-box-shadow: 0 0 11px rgba(255, 228, 225, 0.5);
  232. {/block:ifshadow2}
  233. {block:ifshadow3} box-shadow: 0 0 11px rgba(0, 139, 139, 0.5);
  234. -webkit-box-shadow: 0 0 11px rgba(0, 139, 139, 0.5);
  235. -moz-box-shadow: 0 0 11px rgba(0, 139, 139, 0.5);
  236. {/block:ifshadow3}
  237. {block:ifshadow4} box-shadow: 0 0 11px rgba(205, 105, 205, 0.5);
  238. -webkit-box-shadow: 0 0 11px rgba(205, 105, 205, 0.5);
  239. -moz-box-shadow: 0 0 11px rgba(205, 105, 205, 0.5);
  240. {/block:ifshadow4}
  241. {block:ifshadow5} box-shadow: 0 0 11px rgba(255, 215, 0, 0.5);
  242. -webkit-box-shadow: 0 0 11px rgba(255, 215, 0, 0.5);
  243. -moz-box-shadow: 0 0 11px rgba(255, 215, 0, 0.5);
  244. {/block:ifshadow5}
  245. {block:ifshadow6} box-shadow: 0 0 11px rgba(0, 0, 0, 1);
  246. -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 1);
  247. -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 1);
  248. {/block:ifshadow6}
  249. }
  250.  
  251. /* hover post */
  252. #wrapper #content .post:hover {
  253. }
  254.  
  255. /* individual post values */
  256. /* quotes */
  257. #wrapper #content .post .quotebg {
  258. font-family: georgia, serif;
  259. padding: 5px;
  260. font-size: 35px;
  261. opacity: 0.2;
  262. filter: alpha(opacity=20);
  263. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  264. position: absolute;
  265. top: 10px;
  266. left: 10px;
  267. }
  268.  
  269. #wrapper #content .post .quote {
  270. font-family: {font:body};
  271. color: {color:text};
  272. font-style: oblique;
  273. font-size: 20px;
  274. line-height: 25px;
  275. padding-top: 5px;
  276. padding: 5px;
  277. }
  278. #wrapper #content .post .quote .source {
  279. font-family: {font:body};
  280. color: {color:text};
  281. }
  282. /* general post */
  283. #wrapper #content .post .copy {
  284. color: {color:text};
  285. padding: 8px;
  286. font-size: 13px;
  287. line-height: 15px;
  288. }
  289.  
  290. #wrapper #content .post .copy a {
  291. color: {color:text};
  292. text-decoration: none;
  293. -webkit-transition: all 0.2s linear;
  294. -moz-transition: all 0.2s linear;
  295. transition: all 0.2s linear;
  296. }
  297.  
  298. #wrapper #content .post .copy a:hover {
  299. color: {color:links hover};
  300. text-decoration: none;
  301. text-transform:uppercase;
  302. }
  303.  
  304. #wrapper #content .post .copy p {
  305. margin: 10px 0 0 0;
  306. padding: 0;
  307. }
  308.  
  309. #wrapper #content .post .copy pre {
  310. margin: 10px 0px 10px 0px;
  311. padding: 10px;
  312. font: normal 9px {font:body}, monospace;
  313. overflow: auto;
  314. }
  315.  
  316. #wrapper #content .post .copy > p:first-child {
  317. margin-top: 0;
  318. }
  319.  
  320. #wrapper #content .post .copy img {
  321. max-width: 100%;
  322.  
  323. }
  324.  
  325. /* audio */
  326. #wrapper #content .post .audio {
  327. }
  328.  
  329. #wrapper #content .post .album_art {
  330. text-align: center;
  331. margin-bottom: -15px;
  332. }
  333.  
  334. #wrapper #content .post .audio .player {
  335. background-color: #fff;
  336. }
  337.  
  338. #wrapper #content .post .audio .player .audio_player embed {
  339. border: 1px solid #c8c8c8;
  340. padding-top: 5px;
  341. }
  342.  
  343. #wrapper #content .post .audio .meta {
  344. padding: 8px 13px;
  345. height: 13px;
  346. font-size: 11px;
  347. text-transform: lowercase;
  348. }
  349.  
  350. #wrapper #content .post .audio .meta a {
  351. padding-top: 10px;
  352. color: #666;
  353. font-family: courier new;
  354. color: #666;
  355. text-decoration: none;
  356. }
  357.  
  358. /* questions and asks */
  359. #wrapper #content .post .question {
  360. font-size: 13px;
  361. font-weight: bold;
  362. margin: 0 0 15px 0;
  363. padding: 15px 20px;
  364. position: relative;
  365. {block:ifDarkPost}background: rgba(0, 0, 0, {text:post opacity});{/block:ifDarkPost}{block:IfNotDarkPost}background: rgba(255, 255, 255, {text:post opacity});{/block:IfNotDarkPost}
  366. {block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}
  367. }
  368.  
  369. #wrapper #content .post .question .nipple {
  370. }
  371.  
  372. #wrapper #content .post .asker_container {
  373. margin: 0 0 20px 24px;
  374. }
  375.  
  376. #wrapper #content .post .asker_container img {
  377. margin: 0 12px -7px 0;
  378. -moz-border-radius: 12px;
  379. -webkit-border-radius: 12px;
  380. border-radius: 12px;
  381. }
  382.  
  383. #wrapper #content .post .asker_container a.asker {
  384. }
  385.  
  386. /* text title */
  387. #wrapper #content .post .title {
  388. font-family:{font:body};
  389. color: {color:text};
  390. font-size: 16px;
  391. font-style: oblique;
  392. text-align:center;
  393. margin-bottom:-10px;
  394. }
  395.  
  396. /* images */
  397. #wrapper #content .post img {
  398. max-width: 100%;
  399. {block:ifRoundedBorders}
  400. border-top-left-radius: 6px;
  401. border-top-right-radius: 6px; {/block:ifRoundedBorders}
  402. }
  403.  
  404. /* chat */
  405. #wrapper #content .post .chat {
  406. margin: 10px 10px 0 10px;
  407. font-size: 14px;
  408.  
  409. }
  410.  
  411. #wrapper #content .post .chat .lines {
  412. margin-left: 1px;
  413. }
  414.  
  415. #wrapper #content .post .chat .lines .line {
  416. color: {color:text};
  417. margin-bottom: 1px;
  418. padding: 3px 5px;
  419. }
  420.  
  421. #wrapper #content .post .chat .lines .line.even {
  422. {block:ifDarkPost}background: rgba(0, 0, 0, {text:post opacity});{/block:ifDarkPost}{block:IfNotDarkPost}background: rgba(255, 255, 255, {text:post opacity});{/block:IfNotDarkPost}
  423. {block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}
  424. }
  425.  
  426. /* links */
  427. #wrapper #content .post .link {
  428. margin-bottom: -6px;
  429. margin-top: 16px;
  430. font-size: 16px;
  431. line-height: 18px;
  432. text-align:center;
  433. text-decoration:none;
  434. }
  435.  
  436. #wrapper #content .post .link a {
  437. color: {color:links};
  438. padding: 5px 7px;
  439. -moz-border-radius: 4px;
  440. -webkit-border-radius: 4px;
  441. border-radius: 4px;
  442. }
  443.  
  444. #wrapper #content .post .link a:hover {
  445. opacity: 0.1;
  446. filter: alpha(opacity=90);
  447. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  448. }
  449.  
  450. /* tags */
  451. #wrapper #content .tags a {
  452. color:{color:Links};
  453. }
  454.  
  455. #wrapper #content .tags a:hover {
  456. color:{color:Links Hover};
  457. }
  458.  
  459. /* footer */
  460. #wrapper #content .post .footer {
  461. font-family: {font:body};
  462. opacity: 1;
  463. font-size: 13px;
  464. margin-top: -4px;
  465. color: {color:text};
  466. border-top: 1px solid {color:border};
  467. {block:ifDarkPost}background: rgba(0, 0, 0, {text:footer opacity});{/block:ifDarkPost}{block:IfNotDarkPost}background: rgba(255, 255, 255, {text:footer opacity});{/block:IfNotDarkPost}
  468. {block:ifRoundedBorders}
  469. border-bottom-left-radius: 6px;
  470. border-bottom-right-radius: 6px; {/block:ifRoundedBorders}
  471. }
  472.  
  473. #wrapper #content .post .footer:hover {
  474. {block:ifdisappearingfooterbackground}background: rgba(255, 255, 255, 0);{/block:ifdisappearingfooterbackground}
  475. }
  476.  
  477. /* reblogged text */
  478. #wrapper #content .post a {
  479. color: #6e7173;
  480. text-decoration: none;
  481.  
  482. }
  483.  
  484. #wrapper #content .post .copy blockquote {
  485. margin: 10px 0px 10px 10px;
  486. padding-left: 3px;
  487. border-left: solid 1px {color:border};
  488. }
  489.  
  490. /* navigation */
  491. #navigation {
  492. margin-top: 0px;
  493. text-align: center;
  494. padding-bottom: 5px;
  495. padding-top: 10px;
  496. font-size: 14px;
  497. }
  498.  
  499. #navigation a {
  500. color: {color:text};
  501. padding: 5px 6px;
  502. text-decoration: none;
  503. font-family:{font:body};
  504. }
  505.  
  506. #navigation a:hover {
  507. opacity: 0.7;
  508. filter: alpha(opacity=70);
  509. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  510. }
  511.  
  512. #navigation.jump_pagination {}
  513. #navigation.jump_pagination a {
  514. margin: 0 0 0 4px;
  515. }
  516.  
  517. #navigation.jump_pagination .current_page {
  518. color: {color:links};
  519. font-family:{font:body};
  520. font-size: 10px;
  521. padding: 5px 6px;
  522. margin: 0 0 0 4px;
  523. cursor: default;
  524. }
  525.  
  526. #navigation.jump_pagination .jump_page {}
  527.  
  528. /* note container */
  529. #wrapper #content .post .notecontainer {
  530. {block:ifDarkPost}background: rgba(0, 0, 0, {text:post opacity});{/block:ifDarkPost}{block:IfNotDarkPost}background: rgba(255, 255, 255, {text:post opacity});{/block:IfNotDarkPost}
  531. {block:IfRoundedCorners}-moz-border-radius: 4px;
  532. -webkit-border-radius: 4px;
  533. border-radius: 4px;{/block:IfRoundedCorners}
  534. font-family: {font:body};
  535. font-size: 12px;
  536. color: {color:text};
  537. margin-top: 10px;
  538. margin-bottom: -10px;
  539. }
  540.  
  541. #wrapper #content .post .notecontainer a {
  542. color: {color:links};
  543. font-weight: bold;
  544. }
  545.  
  546. #wrapper #content .post .notecontainer a:hover {
  547. color: #000;
  548. font-weight: bold;
  549. }
  550.  
  551. #wrapper #content .post .notecontainer ol.notes {
  552. padding: 0px 0 10px 0;
  553. list-style-type: none;
  554. font-size: 11px;
  555. }
  556.  
  557. #wrapper #content .post .notecontainer ol.notes li.note {
  558. padding: 10px 10px 0 10px;
  559. }
  560.  
  561. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  562. vertical-align: -4px;
  563. margin-right: 10px;
  564. width: 16px;
  565. height: 16px;
  566. -moz-border-radius: 10px;
  567. -webkit-border-radius: 10px;
  568. border-radius: 10px;
  569. }
  570.  
  571. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  572. font-weight: normal;
  573. }
  574.  
  575. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  576. font-weight: normal;
  577. }
  578.  
  579. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  580. padding: 4px 10px;
  581. margin: 10px 0px 0px 25px;
  582. }
  583.  
  584. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  585. text-decoration: none;
  586. }
  587.  
  588. /* sidebar position */
  589. #wrapper #sidebar {
  590. margin-top: {text:Sidebar Vertical Align}px;
  591. margin-left: {text:Sidebar Horizontal Align}px;
  592. float: left;
  593. color: {color:text};
  594. font-family: {font:Body};
  595. font-size: 12px;
  596. }
  597.  
  598. /* sidebar text */
  599. #wrapper #sidebar a {
  600. color: {color:links};
  601. -webkit-transition: all 0.3s ease-in-out;
  602. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  603. }
  604. #wrapper #sidebar a:hover {
  605. color: {color:links hover};
  606. }
  607.  
  608. /* sidebar */
  609. #wrapper #sidebar #top {
  610. {block:ifnottransparentsidebar}{block:ifDarksidebar}background: rgba(0, 0, 0, {text:sidebar opacity});{/block:ifDarksidebar}{block:IfNotDarksidebar}background: rgba(255, 255, 255, {text:sidebar opacity});{/block:IfNotDarksidebar}{/block:ifnottransparentsidebar}
  611. {block:iftransparentsidebar}background: ;{/block:iftransparentsidebar}
  612. width: 120px;
  613. {block:ifsidebarborder}border: 1px solid {color:border};{/block:ifsidebarborder}
  614. position:fixed;
  615.  
  616. padding: 10px 15px;
  617. {block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}
  618. -webkit-transition: all 0.3s ease-in-out;
  619. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  620. {block:ifsidebarshadow} {block:ifshadow1}
  621. box-shadow: 0 0 11px rgba(255, 255, 255, 0.5);
  622. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 0.5);
  623. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 0.5); {/block:ifshadow1}
  624. {block:ifshadow2} box-shadow: 0 0 11px rgba(255, 228, 225, 0.5);
  625. -webkit-box-shadow: 0 0 11px rgba(255, 228, 225, 0.5);
  626. -moz-box-shadow: 0 0 11px rgba(255, 228, 225, 0.5); {/block:ifshadow2}
  627. {block:ifshadow3} box-shadow: 0 0 11px rgba(0, 139, 139, 0.5);
  628. -webkit-box-shadow: 0 0 11px rgba(0, 139, 139, 0.5);
  629. -moz-box-shadow: 0 0 11px rgba(0, 139, 139, 0.5); {/block:ifshadow3}
  630. {block:ifshadow4} box-shadow: 0 0 11px rgba(205, 105, 205, 0.5);
  631. -webkit-box-shadow: 0 0 11px rgba(205, 105, 205, 0.5);
  632. -moz-box-shadow: 0 0 11px rgba(205, 105, 205, 0.5); {/block:ifshadow4}
  633. {block:ifshadow5} box-shadow: 0 0 11px rgba(255, 215, 0, 0.5);
  634. -webkit-box-shadow: 0 0 11px rgba(255, 215, 0, 0.5);
  635. -moz-box-shadow: 0 0 11px rgba(255, 215, 0, 0.5); {/block:ifshadow5}
  636. {block:ifshadow6} box-shadow: 0 0 11px rgba(0, 0, 0, 1);
  637. -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 1);
  638. -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 1); {/block:ifshadow6}
  639. {/block:ifsidebarshadow}
  640.  
  641. }
  642.  
  643.  
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650. #wrapper #sidebar #top:hover {
  651.  
  652. }
  653.  
  654. /* description */
  655. #wrapper #sidebar #top #description {
  656. margin-top: 5px;
  657. margin-bottom: 5px;
  658. font-size: 12px;
  659. color: {color:text};
  660. position: relative;
  661. padding-top: 10px;
  662. }
  663.  
  664. #wrapper #sidebar #top #description a {
  665. color: {color:links};
  666. text-decoration: none
  667. }
  668.  
  669. #wrapper #sidebar #top #description a:hover {
  670. color: {color:links hover};
  671. text-decoration: none;
  672. }
  673.  
  674. #wrapper #sidebar #top .content {
  675. margin-top: 2px;
  676. padding: 7px 10px;
  677. font-size: 12px;
  678. overflow: hidden;
  679. }
  680.  
  681. #wrapper #sidebar #top a {
  682. text-decoration: none;
  683. }
  684.  
  685.  
  686. .nav {
  687. font-family: {font:body};
  688. font-size:12px;
  689. line-height: 22px;
  690. padding-top: 10px;
  691. }
  692.  
  693. .nav a{
  694. border: {block:iflinkborder}{color:Border}{/block:iflinkborder}{block:ifnotlinkborder}transparent{/block:ifnotlinkborder} solid 1px;
  695. font-size:12px;
  696. color: {color:FooterText}!important;
  697. margin-right: 3px;
  698. {block:iflinkbackground}{block:ifDarksidebar}background: rgba(0, 0, 0, {text:sidebar opacity});{/block:ifDarksidebar}{block:IfNotDarksidebar}background: rgba(255, 255, 255, {text:sidebar opacity});{/block:IfNotDarksidebar}{/block:iflinkbackground}
  699. padding: 1px 3px 1px 3px!important;
  700. {block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}
  701. }
  702.  
  703. .nav a:hover {
  704. background: rgba(255, 255, 255, 0);
  705. {block:ifdisappearingborders}border: transparent solid 1px;{block:ifdisappearingborders}
  706. }
  707.  
  708. #sidebar img {
  709. max-width: 100px;}
  710.  
  711. #s-m-t-tooltip {
  712. {block:ifDarksidebar}background: rgba(0, 0, 0, {text:sidebar opacity});{/block:ifDarksidebar}{block:IfNotDarksidebar}background: rgba(255, 255, 255, {text:sidebar opacity});{/block:IfNotDarksidebar}
  713. font-size: 12px;
  714. font-family: {font:Body};
  715. color: {color:text};
  716. max-width: 100px;
  717. padding: 1px 5px 2px 6px;
  718. display: block;
  719. margin: 10px 10px 10px 15px;
  720. z-index:1;
  721. }
  722.  
  723.  
  724. .topp {right:60px;bottom:10px;position:fixed;text-decoration:none;}
  725. .topp a{color:{color:text};text-shadow:0px 0px #ccc}
  726. .topp a:hover{color:{color:title hover};text-shadow:-0px -50px transparent}
  727.  
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734. </style>
  735. <style type="text/css">{CustomCSS}</style>
  736.  
  737. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  738.  
  739. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  740. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  741. <script>
  742. (function($){
  743. $(document).ready(function(){
  744. $("[title]").style_my_tooltips();
  745. });
  746. })(jQuery);
  747. </script>
  748.  
  749. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  750. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  751.  
  752.  
  753. <script type="text/javascript">
  754. $(window).load(function () {
  755. $('#content').masonry(),
  756. $('.masonryWrap').infinitescroll({
  757. itemSelector : ".post",
  758. navSelector : "div.navigation",
  759. nextSelector : ".navigation a#next",
  760. bufferPx : 10000,
  761. extraScrollPx: 10000,
  762. loadingImg : "",
  763. loadingText : "",
  764. },
  765. function() { $('#content').masonry({ appendedContent: $(this) });
  766. });
  767. });</script>
  768. {block:IndexPage}
  769. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  770. <div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="scroll to top"><font size="4">{text:scrolltotop}</font></a></div>
  771. {/block:IndexPage}
  772.  
  773. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  774. <script type="text/javascript">
  775.  
  776. /***********************************************
  777. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  778. * Modified by Dynamic Drive for various improvements
  779. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  780. * Using CSB or Trellix: use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix). Then you MUST change each gEMDIR to GEMDIR before using code!
  781. ***********************************************/
  782.  
  783. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  784. var flyimage1, flyimage2, flyimage3, flyimage4
  785.  
  786. function pagestart(){
  787. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  788. flyimage1=new Chip("flyimage1",40,62);
  789. flyimage2=new Chip("flyimage2",40,62);
  790. flyimage3=new Chip("flyimage3",40,62);
  791. flyimage4=new Chip("flyimage4",40,62);
  792. flyimage5=new Chip("flyimage5",40,62);
  793. flyimage6=new Chip("flyimage6",40,62);
  794.  
  795.  
  796. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  797. movechip("flyimage1");
  798. movechip("flyimage2");
  799. movechip("flyimage3");
  800. movechip("flyimage4");
  801. movechip("flyimage5");
  802. movechip("flyimage6");
  803.  
  804. }
  805.  
  806. if (window.addEventListener)
  807. window.addEventListener("load", pagestart, false)
  808. else if (window.attachEvent)
  809. window.attachEvent("onload", pagestart)
  810. else if (document.getElementById)
  811. window.onload=pagestart
  812.  
  813. </script>
  814.  
  815. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  816.  
  817.  
  818. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  819. <img src="{image:floaties1}">
  820. </div>
  821.  
  822. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  823. <img src="{image:floaties2}">
  824. </div>
  825.  
  826. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  827. <img src="{image:floaties3}">
  828. </div>
  829.  
  830. <div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  831. <img src="{image:floaties4}">
  832. </div>
  833.  
  834. <div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  835. <img src="{image:floaties5}">
  836. </div>
  837. </head>
  838. <body>
  839.  
  840. <div id="wrapper">
  841.  
  842.  
  843. <div id="sidebar">
  844.  
  845. <div id="top">
  846. <center>{block:ifNavigationButtons}
  847. <a title="home" href="/"><img src="http://media.tumblr.com/6aca0d764fe5e18e1167e8c6d2ebb7df/tumblr_inline_mn2m1bdRic1qz4rgp.png"></a>
  848. <a title="ask" href="/ask"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png"></a>
  849. <a title="submit" href="/submit"><img src="http://media.tumblr.com/1993d10d01265cc0890de956820e8515/tumblr_inline_mn2m5djCbQ1qz4rgp.png"></a>
  850. <a title="theme" href="http://jubileethemes.tumblr.com"><img src="http://media.tumblr.com/1e21b4526d9646dc496210d1199117b9/tumblr_inline_mn2m46JRuI1qz4rgp.png"></a>{/block:ifNavigationButtons}
  851. <img src="{image:sidebar}" max-width="100%"><br>
  852. <div id="description">
  853. <center>
  854. {Description}<br></div>
  855. <div class="nav">
  856. <div style="{block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}">
  857. <center>{block:ifnotNavigationButtons}<a href="/">home</a><a href="/ask">ask</a><a href="/submit">submit</a>
  858. <a href="/archive">archive</a><a href="http://jubileethemes.tumblr.com">theme</a>{/block:ifnotNavigationButtons}</center>
  859. {block:iflinkdropbox}<br>
  860. <center><select onChange="location=this.options[this.selectedIndex].value;" style=" font-family: {font:Body}; font-size: 12px; color:{color:links}; {block:IfLinkBorder}border: 1px solid {color:border};{/block:IfLinkBorder}{block:IfNotLinkBorder}border: 1px solid transparent;{/block:IfNotLinkBorder} {block:iflinkbackground}{block:ifDarksidebar}background: rgba(0, 0, 0, {text:sidebar opacity});{/block:ifDarksidebar}{block:IfNotDarksidebar}background: rgba(255, 255, 255, {text:sidebar opacity});{/block:IfNotDarksidebar}{/block:iflinkbackground}{block:ifnotlinkbackground}background: transparent;{/block:ifnotlinkbackground} margin-bottom:2px; -webkit-appearance: none;text-align:center; {block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders} "> 
  861. <option value="">{text:MenuTitle}</option>
  862. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1} 
  863. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2} 
  864. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3} 
  865. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4} 
  866. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5} 
  867. {block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6} 
  868. </select></form>{block:iflinkdropbox}</center></center></div>
  869.     
  870.  
  871.  
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883. <div class="clear"></div></div>
  884.  
  885.  
  886. <div id="content">
  887. <div class="autopagerize_page_element">
  888.  
  889. {block:Posts}
  890. <div class="post">
  891. {block:ifcenteredposttext}<center>{/block:ifcenteredposttext}
  892.  
  893. {block:Photo}
  894. <div class="media"><div class="photo">{LinkOpenTag}<a href="{Permalink}">{block:indexpage}
  895. <img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:indexpage}
  896. {block:permalinkpage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:permalinkpage}
  897. {LinkCloseTag}</div></div></a>
  898. {block:IfCaptions}<div class="copy">{Caption}</div>{/block:IfCaptions}
  899. {block:IfNotCaptions}{block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}{/block:IfNotCaptions}
  900. {/block:Photo}
  901.  
  902. {block:Photoset}
  903. <div class="photo">
  904. <div class="media">{block:indexpage}
  905. {Photoset-250}
  906. {/block:indexpage}
  907. {block:permalinkpage}{Photoset-250}{/block:permalinkpage}
  908. </div></div>
  909. {block:IfCaptions}<div class="copy">{Caption}</div>{/block:IfCaptions}
  910. {block:IfNotCaptions}{block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}{/block:IfNotCaptions}
  911. {/block:Photoset}
  912.  
  913. {block:Video}
  914. <div class="media">{block:indexpage}
  915. {Video-250}{/block:indexpage}
  916. {block:permalinkpage}{Video-250}{/block:permalinkpage}
  917. </div>
  918. {block:IfCaptions}<div class="copy">{Caption}</div>{/block:IfCaptions}
  919. {block:IfNotCaptions}{block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}{/block:IfNotCaptions}
  920. {/block:Video}
  921.  
  922. {block:Audio}
  923. {block:IfShowAlbumArt}
  924. {block:AlbumArt}
  925. <div class="album_art"><div class="photo">
  926. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:20px;{block:IndexPage}
  927. max-width:100%;
  928. {/block:IndexPage}
  929. {block:PermalinkPage} max-width:250px; {/block:PermalinkPage} " />
  930. </div></div>
  931. {/block:AlbumArt}{/block:IfShowAlbumArt}{block:IfNotShowAlbumArt}<br>{/block:IfNotShowAlbumArt}<div class="audio">
  932. <div id="audioplayer"><center>{AudioPlayerWhite}</div> </div>
  933. <div class="copy">{Caption}</div>
  934. {/block:Audio}
  935.  
  936. {block:Quote}
  937. <div class="quote {Length}">{Quote}</div>
  938. <div class="copy">
  939. <div class="quotebg">“</div>
  940. {block:Source}
  941. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  942. <div class="quote_source">
  943. &mdash; {Source}</div>
  944. </table>
  945. {/block:Source}
  946. </div>
  947. {/block:Quote}
  948.  
  949. {block:Text}
  950. {block:Title}<div class="title">{Title}</div>{/block:Title}
  951. <div class="copy">{Body}</div>
  952. {/block:Text}
  953.  
  954. {block:Answer}
  955. <div class="question">
  956. {Question}
  957. </div>
  958. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  959. <div class="copy">{Answer}</div>
  960. {/block:Answer}
  961.  
  962. {block:Chat}
  963. {block:Title}<div class="title">{Title}</div>{/block:Title}
  964. <div class="chat">
  965. <div class="lines">
  966. {block:Lines}
  967. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  968. {/block:Lines}
  969. </div>
  970. </div>
  971. <div class="clear"></div>
  972. <div style="height:10px;"></div>
  973. {/block:Chat}
  974.  
  975. {block:Link}
  976. <div class="link"><a href="{URL}" {Target}>{Name}</a></div>
  977. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  978. {/block:Link}
  979.  
  980. {block:Date}
  981. <a href="{Permalink}"><div class="footer for_permalink"><center><div class="date"><a style="color:{color:text}" href="{Permalink}" title="{NoteCount}">{block:ifpermalinkimage}<img src="{image:permalink}">{/block:ifpermalinkimage}{block:ifnotpermalinkimage} {NoteCount} {text:notes}{/block:ifnotpermalinkimage}</a> {block:indexpage}{block:ifnotpermalinkimage} {text:footersymbol} {block:ifshowreblog}<a style="color:{color:text}" href="{ReblogURL}" title="Reblog" target="_blank" class="details">Reblog</a> {/block:ifshowreblog}{/block:ifnotpermalinkimage}{block:indexpage}{block:permalinkpage} {ShortMonth} {DayOfMonth},{Year}{/block:permalinkpage}
  982. <br> {block:ifshowtag}{block:HasTags}{block:Tags}
  983. #<a class="tags" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}{/block:HasTags} {/block:ifshowtag}
  984. {block:ifnotshowtag}{block:permalinkpage}{block:HasTags}{block:Tags}
  985. #<a class="tags" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}{/block:HasTags}{/block:permalinkpage}{/block:ifnotshowtag}
  986.  
  987. </div>
  988. <div class="clear"></div></a>
  989. {/block:Date}
  990. </div>
  991. <div style="display:none">{block:ContentSource}{block:Reblog}<a href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:Reblog}<a href="{SourceURL}" class="source_url">Source: {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}</div>
  992.  
  993.  
  994. <div class="clear"></div>
  995.  
  996.  
  997.  
  998. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  999.  
  1000.  
  1001. </div>
  1002. {block:ifcenteredposttext}</center>{/block:ifcenteredposttext}
  1003. {/block:Posts}
  1004. </div>
  1005. </div>
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013. </body>
  1014.  
  1015.  
  1016.  
  1017. </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!