API tools faq
paste
xmisa0923

redux pink

xmisa0923
Nov 30th, 2013
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6. <head>
  7.  
  8. <meta charset="utf-8">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. <meta name="color:Background" content="#ffffff">
  15. <meta name="color:Text" content="#000000">
  16. <meta name="color:Link" content="#777777">
  17. <meta name="color:Link Hover" content="#000000">
  18. <meta name="color:Border" content="#000000">
  19. <meta name="color:Footer BG" content="#ccc">
  20. <meta name="color:Footer Text" content="#777">
  21. <meta name="color:Post BG" content="#fff">
  22. <meta name="text:sidebarimg margin top" content="200">
  23. <meta name="text:sidebarimg margin left" content="100">
  24. <meta name="text:desc box margin top" content="300">
  25. <meta name="text:link 1 url" content="/">
  26. <meta name="text:link 1 title" content="home">
  27. <meta name="text:link 2 url" content="/ask">
  28. <meta name="text:link 2 title" content="ask">
  29. <meta name="text:link 3 url" content="/">
  30. <meta name="text:link 3 title" content="link">
  31. <meta name="text:link 4 url" content="/">
  32. <meta name="text:link 4 title" content="link">
  33. <meta name="text:link 5 url" content="/">
  34. <meta name="text:link 5 title" content="link">
  35. <meta name="text:link box title" content="links">
  36. <meta name="image:Sidebar" content=""/>
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:inner sidebar" content=""/>
  39. <meta name="if:sidebarimg on top" content="0">
  40. <meta name="if:show link 1" content="1">
  41. <meta name="if:show link 2" content="1">
  42. <meta name="if:show link 3" content="1">
  43. <meta name="if:show link 4" content="1">
  44. <meta name="if:show link 5" content="1">
  45. <meta name="if:show inner sidebar img" content="1">
  46. <meta name="if:fullscreen bg" content="1">
  47.  
  48. <title>{Title}</title>
  49.  
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  53.  
  54. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  55.  
  56. <style type="text/css">
  57. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  58.  
  59. @font-face {font-family:"04b03"; src: url("http://static.tumblr.com/gvd42r2/1Y7m7jsyh/04b_03__.ttf")}
  60.  
  61. ::-webkit-scrollbar {
  62. width:5px;
  63. height:0;
  64. background:{color:post bg};
  65. border-left:1px solid {color:text};}
  66. ::-webkit-scrollbar-thumb {background:{color:Text};}
  67.  
  68. body {
  69. margin:0px;
  70. background:{color:Background} url({image:Background});
  71. {block:iffullscreenbg}-webkit-background-size: cover;
  72. -moz-background-size: cover;
  73. -o-background-size: cover;
  74. background-size: cover;{/block:iffullscreenbg}
  75. background-attachment:fixed;
  76. background-repeat:repeat;
  77. background-position:top left;
  78. font-family:'bitxmap', helvetica, arial, sans-serif;
  79. font-size:10px;
  80. line-height:14px;
  81. color: {color:Text};
  82. }
  83.  
  84. #s-m-t-tooltip{
  85. max-width:260px;
  86. margin:15px;
  87. padding:2px 4px 2px 4px;
  88. border:1px solid {color:post border};
  89. background:{color:post bg};
  90. color:{color:text};
  91. z-index:999999;
  92. font-size:8px;
  93. text-transform:uppercase;
  94. font-family:'04b03', sans-serif;
  95. text-align:left;
  96. box-shadow:2px 2px 0px rgba(0,0,0,.1);
  97. }
  98.  
  99. p{
  100. margin:5px 0 5px 0
  101. padding:2px 0 2px 0;
  102. }
  103.  
  104. a{
  105. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  106. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  107. color:{color:Link};
  108. text-decoration:none;
  109. font-weight:normal;
  110. }
  111.  
  112. a:hover{
  113. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  114. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  115. color:{color:Link Hover};
  116. text-decoration:none;
  117. }
  118.  
  119. #wrapper{
  120. width:100%;
  121. padding:10px;
  122. }
  123.  
  124. #sidebar{
  125. width:110px;
  126. font-size:10px;
  127. position:fixed;
  128. margin-left:381px;
  129. margin-top:{text:desc box margin top}px;
  130. padding:5px;
  131. text-align:center;
  132. border:1px solid {color:border};
  133. background:{color:post bg};
  134. opacity:0.86;
  135. -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  136. -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  137. box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  138. }
  139.  
  140. #sidebarimg{
  141. margin-top:{text:sidebarimg margin top}px;
  142. margin-left:{text:sidebarimg margin left}px;
  143. position:fixed;
  144. height:auto;
  145. {block:ifnotsidebarimgontop}z-index:-666;{/block:ifnotsidebarimgontop}
  146. {block:ifsidebarimgontop}z-index:666;{/block:ifsidebarimgontop}
  147. }
  148.  
  149. #sidebarimg img{
  150. width:100%;
  151. }
  152.  
  153. #description{
  154. margin:2px 0 5px 0;
  155. }
  156.  
  157. #content{
  158. width:266px;
  159. height:540px;
  160. padding:10px;
  161. margin-left:518px;
  162. margin-top:40px;
  163. overflow:scroll;
  164. position:fixed;
  165. border:1px {color:Border} solid;
  166. background:{color:post bg};
  167. opacity:0.86;
  168. -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  169. -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  170. box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  171. }
  172.  
  173. .contentmargin{
  174. margin-top:-20px;
  175. margin-bottom:-20px;
  176. }
  177.  
  178. #post{
  179. width:250px;
  180. padding:5px;
  181. margin: 20px 0;
  182. overflow:hidden;
  183. text-align:justify;
  184. }
  185.  
  186. #post img{
  187. max-width:100%;
  188. }
  189.  
  190. .posttitle{
  191. font-weight:normal;
  192. font-size:20px;
  193. line-height:22px;
  194. text-decoration:none;
  195. margin:0 0 5px 0;
  196. }
  197.  
  198. .posttitle a{
  199. text-decoration:none;
  200. }
  201.  
  202. .quote{
  203. font-weight:normal;
  204. font-size:20px;
  205. line-height:22px;
  206. text-decoration:none;
  207. margin:0 0 10px 0;
  208. }
  209.  
  210. .quotesource{
  211. text-align:right;
  212. }
  213.  
  214. .copy{
  215. margin:0 5px 10px 5px;
  216. }
  217.  
  218. .media{
  219. margin-bottom:5px;
  220. }
  221.  
  222. .info{
  223. padding:3px 0px 7px 57px;}
  224.  
  225. .player{
  226. position:absolute;
  227. background:{color:post bg};
  228. width:26px;
  229. height:26px;
  230. opacity:0.7;
  231. padding:4px;
  232. margin:6px;
  233. overflow:hidden;
  234. }
  235.  
  236. .cover {
  237. position:absolute;
  238. }
  239.  
  240. .cover img {
  241. width:46px;
  242. height:46px;
  243. float:left;
  244. border:0;
  245. }
  246.  
  247. blockquote{
  248. margin:0 0 0 7px;
  249. padding:0 0 0 7px;
  250. border-left:double 3px {color:Border};
  251. }
  252.  
  253. .footer {
  254. background: {color:Footer BG};
  255. color: {color:Footer Text};
  256. padding: 3px 5px 3px 5px;
  257. margin-top: 0;
  258. border: solid 1px {color:Border};
  259. font-family:'04b03';
  260. font-size:8px;
  261. text-transform:uppercase;
  262. }
  263.  
  264. .footer a{
  265. color:{color:footer text};
  266. }
  267.  
  268. .footer a:hover{
  269. color:{color:link hover};
  270. }
  271.  
  272. .footer .date {
  273. width: 150px;
  274. color: {color:Footer Text};
  275. text-align:left;
  276. }
  277.  
  278. .footer .notes {
  279. width:90px;
  280. margin-left:150px;
  281. text-align: right;
  282. color: {color:Footer Text};
  283. position:absolute;
  284. margin-top:-14px;
  285. }
  286.  
  287. .footer .notes a {
  288. color: {color:Footer Text};
  289. }
  290.  
  291. .footer .tags{
  292. text-align:left;
  293. }
  294.  
  295. .footer .tags a {
  296. color: {color:Footer Text};
  297. text-decoration: none;
  298. }
  299.  
  300. .footer .tags a:hover {
  301. text-decoration: none;
  302. color:{color:link hover};
  303. }
  304.  
  305. .footer .tags .tag-commas:last-child {
  306. display: none;
  307. }
  308.  
  309. ol.notes li.note img {
  310. width:10px;
  311. height:10px;
  312. margin-right:5px;
  313. margin-bottom:-3px;
  314. border:1px solid {color:border};
  315. }
  316.  
  317. ol.notes li.note {
  318. padding:5px 0;
  319. }
  320.  
  321. ol.notes{
  322. list-style-type:none;
  323. padding:2px 10px 2px 10px;
  324. }
  325.  
  326. .notebox{
  327. overflow:auto;
  328. padding:0;
  329. background-color: {color:footer bg};
  330. border:1px solid {color:border};
  331. color:{color:footer text};
  332. margin:10px 0 0 0;
  333. font:8px '04b03';
  334. text-transform:uppercase;
  335. text-align:left;
  336. }
  337.  
  338. #navigation {
  339. text-align: right;
  340. padding-bottom: 35px;
  341. text-transform: lowercase;
  342. position:fixed;
  343. top:620px;
  344. left:540px;
  345. width:266px;
  346. padding:10px;
  347. font-size:8px;
  348. font-family:'04b03', sans-serif;
  349. text-transform:uppercase;
  350. }
  351.  
  352. #navigation a {
  353. background-color: {color:post bg};
  354. color: {color:text};
  355. padding: 5px 10px;
  356. text-decoration: none;
  357. margin-left: 10px;
  358. border:1px solid {color:border};
  359. opacity:0.86;
  360. -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  361. -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  362. box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
  363. }
  364.  
  365. #navigation a:hover {
  366. background-color: {color:footer bg} !important;
  367. color: {color:footer text} !important;
  368. }
  369.  
  370. #credit{
  371. position:fixed;
  372. bottom:10px;
  373. right:10px;
  374. font-family:consolas, monaco, monospace;
  375. font-size:8px;
  376. letter-spacing:1px;
  377. text-transform:uppercase;
  378. }
  379.  
  380. #credit a{
  381. color:#000;
  382. text-decoration:none;
  383. }
  384.  
  385. #credit a:hover{
  386. color:#444;
  387. }
  388.  
  389. {CustomCSS}
  390. </style>
  391. </head>
  392.  
  393. <body class="{block:IndexPage}index{/block:IndexPage} {block:PermalinkPage}permalink{/block:PermalinkPage}">
  394.  
  395.  
  396. <div id="wrapper">
  397. <div id="sidebarimg"><a href="/" title="{Title}"><img src="{image:Sidebar}"></a></div>
  398.  
  399. <div id="sidebar">
  400. {block:ifshowinnersidebarimg}<center><img src="{image:inner sidebar}" style="max-width:100%;"></center>{/block:ifshowinnersidebarimg}
  401. {block:Description}
  402. <div id="description">{Description}</div>
  403. {/block:Description}
  404.  
  405. <select onChange="location=this.options[this.selectedIndex].value;" style="font:10px 'bitxmap'; color:{color:footer Text}; background-color:{color:footer bg}; -webkit-appearance: none; border: 1px solid {color:border}; height: 18px; margin-top:8px;">
  406.  
  407. <option value="">{text:link box title}</option>
  408. {block:ifshowlink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:ifshowlink1}
  409. {block:ifshowlink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:ifshowlink2}
  410. {block:ifshowlink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:ifshowlink3}
  411. {block:ifshowlink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:ifshowlink4}
  412. {block:ifshowlink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:ifshowlink5}
  413. </select>
  414. </div>
  415.  
  416. <div id="content">
  417. <div class="contentmargin">
  418. {block:Posts}
  419.  
  420. <div id="post">
  421.  
  422. {block:Text}
  423. {block:Title}
  424. <div class="posttitle">{Title}</div>
  425. {/block:Title}
  426. <div class="copy">{Body}</div>
  427. {/block:Text}
  428.  
  429. {block:Photo}
  430. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  431. <div class="copy"> </div>
  432. {/block:Photo}
  433.  
  434. {block:Photoset}
  435. <div class="media">{Photoset-250}</div>
  436. <div class="copy"> </div>
  437. {/block:Photoset}
  438.  
  439. {block:Quote}
  440. <div class="quote">"{Quote}"</div>
  441. {block:Source}
  442. <div class="copy">{Source}</div>
  443. {/block:Source}
  444. {/block:Quote}
  445.  
  446. {block:Link}
  447. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  448. {block:Description}
  449. <div class="copy">{Description}</div>
  450. {/block:Description}
  451. {/block:Link}
  452.  
  453. {block:Chat}
  454. {block:Title}
  455. <div class="posttitle">{Title}</div>
  456. {/block:Title}
  457. <div class="copy">
  458. {block:Lines}
  459. <div class="{Alt} user_{UserNumber}">
  460. {block:Label}
  461. <b>{Label}</b>{/block:Label}
  462. &nbsp;{Line}
  463. </div>
  464. {/block:Lines}
  465. </div>
  466. {/block:Chat}
  467.  
  468. {block:Video}
  469. <div class="media">{Video-250}</div>
  470. <div class="copy"> </div>
  471. {/block:Video}
  472.  
  473. {block:Audio}
  474. <div class="audio">
  475. <div class="cover">{block:AlbumArt}
  476. <img src="{AlbumArtURL}">
  477. {/block:AlbumArt}</div>
  478. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  479. <div class="info"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br><span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div></div>
  480. <div class="copy"> </div>
  481. {/block:Audio}
  482.  
  483. {block:Answer}
  484. <div class="posttitle">{Asker}: {Question}</div>
  485. <div class="copy">{Answer}</div>
  486. {/block:Answer}
  487.  
  488.  
  489. <div class="footer">
  490. {block:Date}
  491. <div class="date">
  492. <a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}; {12Hour}:{Minutes}{AmPm}">{TimeAgo}{block:NoteCount} + {NoteCountWithLabel}{/block:NoteCount}</a>
  493. </div>{/block:Date}
  494.  
  495. <div class="notes">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource} + <a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}</div>
  496. </div>
  497.  
  498.  
  499.  
  500. {block:PermalinkPage}
  501. {block:NoteCount}
  502. <div class="notebox">
  503. {block:PostNotes}{PostNotes}{/block:PostNotes}
  504. </div>{/block:NoteCount}{/block:PermalinkPage}
  505.  
  506. </div>
  507. {/block:Posts}
  508. </div>
  509. </div>
  510.  
  511. {block:Pagination}
  512. <div id="navigation">
  513. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  514.  
  515. {block:NextPage}<a href="{NextPage}">{lang:Next} &rarr;</a>{/block:NextPage}
  516. </div>
  517. {/block:Pagination}
  518.  
  519. </div>
  520.  
  521. <div id="credit"><a href="http://drearythemes.tumblr.com">&#x21b3;dt</a></div>
  522.  
  523. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  524. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  525.  
  526. <script>
  527. (function($){
  528. $(document).ready(function(){
  529. $("[title]").style_my_tooltips({
  530. tip_follows_cursor:true,
  531. tip_delay_time:200,
  532. tip_fade_speed:500
  533. }
  534. );
  535. });
  536. })(jQuery);
  537. </script>
  538.  
  539. </body>
  540. </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!