API tools faq
paste
Advertisement
mleyscyrsthemes

theme #06 // one, two, three, drink!

mleyscyrsthemes
Aug 31st, 2014
265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.46 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!-- THEME #06 BY MLEYSCYRS - ONE, TWO, THREE, DRINK! -->
  4. <!-- DO NOT STEAL OR USE AS A BASE CODE BECAUSE I WILL FIND YOU-->
  5.  
  6. <head>
  7.  
  8. <meta name="if:400px Posts" content="1"/>
  9. <meta name="if:Hide Captions" content="0"/>
  10. <meta name="if:Infinite Scroll" content="0"/>
  11.  
  12. <meta name="color:Background" content="#fff"/>
  13. <meta name="color:Text" content="#808080"/>
  14. <meta name="color:Link" content="#000"/>
  15. <meta name="color:Link Hover" content="#e8e8e8"/>
  16. <meta name="color:Scrollbar" content="#000"/>
  17.  
  18. <meta name="text:Link 1" content="Home"/>
  19. <meta name="text:Link 1 URL" content="/"/>
  20. <meta name="text:Link 2" content="Ask"/>
  21. <meta name="text:Link 2 URL" content="/ask"/>
  22. <meta name="text:Link 3" content=""/>
  23. <meta name="text:Link 3 URL" content=""/>
  24. <meta name="text:Link 4" content=""/>
  25. <meta name="text:Link 4 URL" content=""/>
  26.  
  27.  
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  32.  
  33. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css"/>
  34. <link href="http://static.tumblr.com/7keqqcr/OL5mw8lik/style-my-tooltips.css" rel="stylesheet" type="text/css"/>
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36. <script src="http://static.tumblr.com/7keqqcr/VHtmw8lji/jquery.style-my-tooltips.js"></script>
  37.  
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("[title]").style_my_tooltips({
  42. tip_follows_cursor:true,
  43. tip_delay_time:200,
  44. tip_fade_speed:300,
  45. attribute:"title"
  46. });
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51. <style type="text/css">
  52.  
  53. #s-m-t-tooltip {
  54. background: #fff;
  55. color: #000;
  56. font: normal 10px 'arial', serif;
  57. text-transform: lowercase;
  58. margin: 10px 14px 7px 12px;
  59. padding: 4px 6px;
  60. max-width: 300px;
  61. z-index: 9999999;
  62. -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
  63. -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  64. }
  65.  
  66. ::-webkit-scrollbar {width: 9px; height: 9px;}
  67. ::-webkit-scrollbar-track {background: {color:Background};}
  68. ::-webkit-scrollbar-thumb {border: 4px solid {color:Background}; background: {color:Scrollbar};}
  69.  
  70. iframe#tumblr_controls {padding: 3px 3px 0 0; white-space: nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity: 0.5;}
  71.  
  72.  
  73. body {
  74. background: {color:Background};
  75. color: {color:Text};
  76. font: 10px/14px 'arial', serif;
  77. text-align: justify;
  78. margin: 0;
  79. padding: 0;
  80. }
  81.  
  82. a {
  83. color: {color:Link};
  84. font-style: normal;
  85. text-decoration: none;
  86. }
  87. a:hover {
  88. background: {color:Link Hover};
  89. text-decoration: underline;
  90. }
  91.  
  92. blockquote {
  93. border-left: 1px solid #000;
  94. margin: 10px 0 10px 28px;
  95. padding: 1px 0 1px 8px;
  96. }
  97.  
  98. #wrapper {
  99. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  100. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  101. margin: 0 auto;
  102. padding-bottom: 50px;
  103. }
  104.  
  105. /* ------------------- HEADER ------------------- */
  106.  
  107. #header {
  108. {block:IfNot400pxPosts}width: 500;{/block:IfNot400pxPosts}
  109. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  110. margin-top: 100px;
  111. top: 0;
  112. }
  113.  
  114. #navigation {
  115. font-size: 8px;
  116. letter-spacing: 1px;
  117. text-transform: uppercase;
  118. top: 0;
  119. }
  120. #navigation a {
  121. font-style: normal;
  122. text-decoration: none;
  123. margin-right: 15px;
  124. padding: 1px;
  125. }
  126. #navigation a:hover {
  127. text-decoration: underline;
  128. }
  129.  
  130. #description {
  131. font-style: normal;
  132. margin-top: 16px;
  133. }
  134.  
  135. #pagination {
  136. font-size: 8px;
  137. letter-spacing: 1px;
  138. text-transform: uppercase;
  139. text-align: center;
  140. margin-top: 50px;
  141. }
  142. #pagination a {
  143. font-style: normal;
  144. text-decoration: none;
  145. margin: 0 16px;
  146. padding: 0 1px;
  147. display: inline-block;
  148. }
  149. #pagination a:hover {
  150. text-decoration: underline;
  151. }
  152.  
  153.  
  154. /* -------------------- POSTS -------------------- */
  155.  
  156. #entries {
  157. {block:IfNot400pxPosts}width: 700px;{/block:IfNot400pxPosts}
  158. {block:If400pxPosts}width: 600px;{/block:If400pxPosts}
  159. padding-bottom: 100px;
  160. }
  161.  
  162. #post {
  163. margin-top: 200px;
  164. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  165. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  166. overflow: hidden;
  167. }
  168.  
  169. .title {
  170. color: {color:Link};
  171. font-size: 11px;
  172. font-weight: bold;
  173. letter-spacing: 1px;
  174. text-transform: uppercase;
  175. margin-bottom: 10px;
  176. }
  177.  
  178. .caption {
  179. {block:IfHideCaptions}
  180. {block:IndexPage}display: none;{/block:IndexPage}
  181. {/block:IfHideCaptions}
  182. }
  183.  
  184. .info {
  185. color: {color:Link};
  186. font-size: 9px;
  187. font-style: normal;
  188. text-align: left;
  189. width: 150px;
  190. {block:IfNot400pxPosts}margin-left: 530px;{/block:IfNot400pxPosts}
  191. {block:If400pxPosts}margin-left: 430px;{/block:If400pxPosts}
  192. position: absolute;
  193. }
  194. .info a {
  195. font-size: 8px;
  196. font-style: normal;
  197. letter-spacing: 1px;
  198. text-transform: uppercase;
  199. }
  200. .info a:hover {
  201. text-decoration: underline;
  202. }
  203.  
  204. .tags a {
  205. color: {color:Text};
  206. font-size: 7px;
  207. font-style: normal;
  208. letter-spacing: 0;
  209. text-transform: uppercase;
  210. margin-right: 4px;
  211. }
  212. .tags a:hover {
  213. background: transparent;
  214. color: {color:Link};
  215. text-decoration: none;
  216. }
  217.  
  218.  
  219. /* ------------------ POST TYPES ------------------ */
  220.  
  221. .quote {
  222. color: {color:Link};
  223. font-size: 11px;
  224. letter-spacing: 1px;
  225. text-transform: uppercase;
  226. }
  227. .quote_source {
  228. font-style: normal;
  229. text-align: right;
  230. margin-top: 10px;
  231. }
  232.  
  233. .link {
  234. font-size: 11px;
  235. font-weight: bold;
  236. letter-spacing: 1px;
  237. text-transform: uppercase;
  238. text-align: center;
  239. }
  240. .link a {
  241. font-style: normal;
  242. }
  243.  
  244. .chat_label {
  245. color: {color:Link};
  246. font-size: 8px;
  247. font-weight: bold;
  248. letter-spacing: 1px;
  249. text-transform: uppercase;
  250. margin-right: 3px;
  251. }
  252. .odd, .even {
  253. margin-top: 4px;
  254. }
  255.  
  256. .audio {
  257. min-height: 26px;
  258. }
  259. .audio_p {
  260. width: 26px;
  261. height: 26px;
  262. overflow: hidden;
  263. position: absolute;
  264. }
  265. .audio_info {
  266. color: {color:Link};
  267. font-style: normal;
  268. line-height: 12px;
  269. margin-left: 28px;
  270. padding: 3px 10px;
  271. }
  272. .audio_name {
  273. font-size: 9px;
  274. font-weight: bold;
  275. font-style: normal;
  276. letter-spacing: 1px;
  277. text-transform: uppercase;
  278. }
  279.  
  280. .asker_icon {
  281. margin-right: 10px;
  282. height: 40px;
  283. float: left;
  284. }
  285. .asker {
  286. color: {color:Link};
  287. font-size: 8px;
  288. letter-spacing: 1px;
  289. text-transform: uppercase;
  290. }
  291. .asker a {
  292. font-style: normal;
  293. }
  294. .question {
  295. color: {color:Link};
  296. font-style: normal;
  297. {block:IfNot400pxPosts}width: 440px;{/block:IfNot400pxPosts}
  298. {block:If400pxPosts}width: 340px;{/block:If400pxPosts}
  299. float: left;
  300. }
  301. .answer {
  302. padding-top: 1px;
  303. clear: both;
  304. }
  305.  
  306. ol.notes {
  307. list-style-type: none;
  308. font-size: 8px;
  309. letter-spacing: 1px;
  310. text-transform: uppercase;
  311. width: 500px;
  312. margin: 40px 0 0 0;
  313. padding: 0;
  314. }
  315. ol.notes li {
  316. margin-top: 10px;
  317. }
  318. .notes a {
  319. font-style: normal;
  320. }
  321. .notes img {
  322. display: none;
  323. }
  324. .notes blockquote {
  325. margin: 12px 30px;
  326. }
  327.  
  328.  
  329. a#cr {
  330. padding: 2px 3px;
  331. position: fixed;
  332. bottom: 5px;
  333. right: 2px;
  334. z-index: 9999;
  335. }
  336. a#cr:hover {
  337. background: transparent;
  338. text-decoration: none;
  339. }
  340.  
  341. </style>
  342. </head>
  343. <body>
  344. <a id="cr" href="http://mleyscyrs.tumblr.com" target="_blank">C</a>
  345.  
  346. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  347.  
  348. <div id="wrapper">
  349.  
  350. <div id="header">
  351. <div id="navigation">
  352. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}<br>
  353. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}<br>
  354. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}<br>
  355. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  356. </div>
  357. <div id="description">{Description}</div>
  358. </div>
  359.  
  360. <div id="entries">
  361. {block:IfInfiniteScroll}<div class="autopagerize_page_element">{/block:IfInfiniteScroll}
  362. {block:Posts}
  363. <div id="post">
  364.  
  365. {block:Date}
  366. <div class="info">
  367. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  368.  
  369. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  370. {block:NoteCount}<br/><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  371.  
  372. {block:RebloggedFrom}
  373. <br/><a style="margin-left: 0px;" href="{ReblogParentURL}">{ReblogParentName}</a> /
  374. {block:ContentSource}<br/><a style="margin-left: 0px;" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  375. {/block:RebloggedFrom}
  376.  
  377. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}<br></a> {/block:Tags}</div>{/block:HasTags}
  378.  
  379. </div>
  380. {/block:Date}
  381.  
  382.  
  383. {block:Text}
  384. {block:Title}<div class="title">{Title}</div>{/block:Title}
  385. {Body}
  386. {/block:Text}
  387.  
  388. {block:Photo}
  389. {block:Title}<div class="title">{Title}</div>{/block:Title}
  390. {block:IfNot400pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IfNot400pxPosts}
  391. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:If400pxPosts}
  392. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  393. {/block:Photo}
  394.  
  395. {block:Panorama}
  396. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  397. {block:Caption}{Caption}{/block:Caption}
  398. {/block:Panorama}
  399.  
  400. {block:Photoset}
  401. {block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}
  402. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  403. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  404. {/block:Photoset}
  405.  
  406. {block:Quote}
  407. <div class="quote">{Quote}</div>
  408. {block:Source}<div class="quote_source">{Source}</div>{/block:Source}
  409. {/block:Quote}
  410.  
  411. {block:Link}
  412. <div class="link"><a href="{URL}" {Target}>{Name} &rarr;</a></div>
  413. {block:Description}{Description}{/block:Description}
  414. {/block:Link}
  415.  
  416. {block:Chat}
  417. {block:Title}<div class="title">{Title}</div>{/block:Title}
  418. <div class="chat">{block:Lines}
  419. <div class="{Alt}">
  420. {block:Label}
  421. <span class="chat_label">{Label}</span>
  422. {/block:Label}
  423. {Line}
  424. </div>
  425. {/block:Lines}</div>
  426. {/block:Chat}
  427.  
  428. {block:Video}
  429. {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}
  430. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  431. {block:Caption}<div clss="caption">{Caption}</div>{/block:Caption}
  432. {/block:Video}
  433.  
  434. {block:Audio}
  435. <div class="audio">
  436. <div class="audio_p">{AudioPlayerWhite}</div>
  437. <div class="audio_info">
  438. {block:TrackName}<div class="audio_name">{TrackName}</div>{/block:TrackName}
  439. {block:Artist}{Artist}{/block:Artist}
  440. </div>
  441. </div>
  442. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  443. {/block:Audio}
  444.  
  445. {block:Answer}
  446. <div class="asker_icon"><img src="{AskerPortraitURL-40}"/></div>
  447. <div class="asker">{Asker} said:</div>
  448. <div class="question">{Question}</div>
  449. <div class="answer">{Answer}</div>
  450. {/block:Answer}
  451.  
  452. </div>
  453.  
  454.  
  455. {block:PostNotes}{PostNotes}{/block:PostNotes}
  456.  
  457. {/block:Posts}
  458. {block:IfInfiniteScroll}</div>{/block:IfInfiniteScroll}
  459. </div>
  460.  
  461. <div id="pagination">
  462. {block:IfNotInfiniteScroll}{block:Pagination}
  463. {block:PreviousPage}<a href="{PreviousPage}">&laquo; {lang:Previous page}</a>{/block:PreviousPage}
  464. {block:NextPage}<a href="{NextPage}">{lang:Next page} &raquo;</a>{/block:NextPage}
  465. {/block:Pagination}{/block:IfNotInfiniteScroll}
  466.  
  467. {block:PermalinkPagination}
  468. {block:PreviousPost}<a href="{PreviousPost}">&laquo; {lang:Previous Post}</a>{/block:PreviousPost}
  469. {block:NextPost}<a href="{NextPost}">{lang:Next post} &raquo;</a>{/block:NextPost}
  470. {/block:PermalinkPagination}
  471. </div>
  472.  
  473. </div>
  474. </body>
  475. </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!