API tools faq
paste
Advertisement
lostmemento

03 | Hotline

lostmemento
Mar 17th, 2013
10,730
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.42 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!--------------------------------------------
  4. 03: HOTLINE
  5. MADE BY: http://lostmemento.tumblr.com (lmthemes)
  6. ---------------------------------------------
  7.  
  8. TERMS OF USAGE:
  9. - DO NOT REMOVE THE CREDIT
  10. - DO NOT REDISTRIBUTE
  11. - DO NOT CLAIM AS YOUR OWN
  12. - DO NOT USE AS A BASE
  13.  
  14. --------------------------------------------->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  20. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  21.  
  22. <!--------------------------------------------
  23. SCRIPTS
  24. --------------------------------------------->
  25.  
  26. <script src="http://static.tumblr.com/bkd4m5b/QyZmjthkj/1.7.1.jquery.min.js"></script>
  27. <script>
  28. $().ready(function() {
  29. $("[title]").style_my_tooltips({
  30. tip_follows_cursor: "on", //on/off
  31. tip_delay_time: 200 //milliseconds
  32. });
  33. });
  34. </script>
  35.  
  36.  
  37. {block:If250pxPost}
  38. <script src="http://static.tumblr.com/bkd4m5b/YZZmbae0e/masonry.js"></script>
  39.  
  40. <script type="text/javascript">
  41. $(window).load(function () {
  42. $('.gf').masonry({
  43. itemSelector : ".csub",
  44. },
  45. function() { $('.gf').masonry({ appendedContent: $(this) }); }
  46. );
  47. });
  48. </script>
  49. {/block:If250pxPost}
  50.  
  51. <!--------------------------------------------
  52. DEFAULT APPEARANCE OPTIONS
  53. --------------------------------------------->
  54.  
  55. <meta name="image:sidebar" content=""/>
  56. <meta name="image:background" content="http://static.tumblr.com/bkd4m5b/0fqmjk46i/subtle_carbon_copy.png"/>
  57.  
  58. <meta name="if:400pxPost" content="0"/>
  59. <meta name="if:250pxPost" content="0"/>
  60. <meta name="if:Background No Repeat" content="0"/>
  61. <meta name="if:Background Fixed" content="1"/>
  62. <meta name="if:Show Photo Captions Permalink Only" content="1"/>
  63. <meta name="if:Show Photo Captions on Hover" content="0"/>
  64. <meta name="if:Show Reblog" content="1"/>
  65. <meta name="if:Show Notes Symbol" content="0"/>
  66. <meta name="if:Time Ago" content="0"/>
  67. <meta name="if:AudioPlayerWhite" content="1"/>
  68. <meta name="if:AudioPlayerGrey" content="0"/>
  69. <meta name="if:AudioPlayerBlack" content="0"/>
  70.  
  71. <meta name="if:Uppercase" content="1"/>
  72. <meta name="if:3D Effect" content="1"/>
  73.  
  74. <meta name="color:Scrollbar" content="#eb2ebc"/>
  75. <meta name="color:Scrollbar Background" content="#2ee9eb"/>
  76.  
  77. <meta name="color:bg" content="#ffffff"/>
  78. <meta name="color:Neon One" content="#2ee9eb"/>
  79. <meta name="color:Neon Two" content="#eb2ebc"/>
  80. <meta name="color:Sidebar" content="#050505"/>
  81. <meta name="color:Sidebar Links" content="#ffffff"/>
  82. <meta name="color:Sidebar Descript Text" content="#050505"/>
  83. <meta name="color:Post" content="#ffffff"/>
  84. <meta name="color:Post Font" content="#050505"/>
  85. <meta name="color:Date" content="#555555"/>
  86. <meta name="color:Tags" content="#999999"/>
  87. <meta name="color:Reblog" content="#bbbbbb"/>
  88.  
  89. <meta name="text:Sidebar Title Font Size" content="24px"/>
  90. <meta name="text:Post Font Size" content="10px"/>
  91. <meta name="text:Post Title Font Size" content="20px"/>
  92. <meta name="text:Small Font Size" content="8px"/>
  93. <meta name="text:Tags Font Size" content="8px"/>
  94.  
  95. <meta name="text:Background Position" content=""/>
  96. <meta name="text:Notes Symbol" content="&hearts;"/>
  97. <meta name="text:Sidebar Text Align" content="center"/>
  98. <meta name="text:Ask Action" content="asked"/>
  99. <meta name="text:Letter Spacing" content="1px"/>
  100. <meta name="text:Sidebar Title Letter Spacing" content="6px"/>
  101. <meta name="text:Alt Title" content=""/>
  102.  
  103. <meta name="text:Main Font" content="Calibri, Candara, Segoe, Optima, Arial, sans-serif"/>
  104. <meta name="text:Secondary Font" content="Consolas, monaco, monospace, 'Lekton'"/>
  105. <meta name="text:Title Font" content="'VT323'"/>
  106.  
  107. <meta name="text:Link1 Url" content="http://"/>
  108. <meta name="text:Link1 Name" content=""/>
  109. <meta name="text:Link2 Url" content="http://"/>
  110. <meta name="text:Link2 Name" content=""/>
  111. <meta name="text:Link3 Url" content="http://"/>
  112. <meta name="text:Link3 Name" content=""/>
  113. <meta name="text:Link4 Url" content="http://"/>
  114. <meta name="text:Link4 Name" content=""/>
  115. <meta name="text:Link5 Url" content="http://"/>
  116. <meta name="text:Link5 Name" content=""/>
  117. <meta name="text:Link6 Url" content="http://"/>
  118. <meta name="text:Link6 Name" content=""/>
  119. <meta name="text:Link7 Url" content="http://"/>
  120. <meta name="text:Link7 Name" content=""/>
  121. <meta name="text:Link8 Url" content="http://"/>
  122. <meta name="text:Link8 Name" content=""/>
  123. <meta name="text:Link9 Url" content="http://"/>
  124. <meta name="text:Link9 Name" content=""/>
  125. <meta name="text:Link10 Url" content="http://"/>
  126. <meta name="text:Link10 Name" content=""/>
  127.  
  128. <link href='http://fonts.googleapis.com/css?family=VT323|Lekton' rel='stylesheet' type='text/css'>
  129.  
  130.  
  131.  
  132. <style type="text/css">
  133. body{
  134. font-family: {text:Main Font};
  135. margin:0px;
  136. padding:0px;
  137. font-size: {text:Post Font Size};
  138. line-height:110%;
  139. background-color: {color:bg};
  140. background-image: url('{image:background}');
  141. {block:IfBackgroundNoRepeat}background-repeat: no-repeat;{/block:IfBackgroundNoRepeat}
  142. {block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
  143. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  144.  
  145. a, a:hover {text-decoration: none;
  146. transition-duration: 0.6s;
  147. -moz-transition-duration: 0.6s;
  148. -webkit-transition-duration: 0.6s;
  149. -o-transition-duration: 0.6s;}
  150.  
  151. a:-webkit-any-link {text-decoration: none;}
  152.  
  153. img {display: block;}
  154.  
  155. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scrollbar}; border: 2px solid {color:Scrollbar Background};}
  156. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scrollbar}; height:10px!important; border: 4px solid {color:Scrollbar Background};}
  157. ::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width: 7px;}
  158.  
  159. #s-m-t-tooltip{
  160. position:absolute;
  161. z-index:90000;
  162. color: {color:Post Font};
  163. display:inline-block;
  164. background-color: {color:Post};
  165. padding: 1px 6px;
  166. max-width:100px;
  167. border: 0px;
  168. font-size: {text:Small Font Size};
  169. {color:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  170. letter-spacing: {text:Letter Spacing};
  171. word-wrap: break-word;
  172. word-break: break-all;
  173. line-height: 120%;
  174. font-family: {text:Secondary Font};}
  175.  
  176.  
  177. iframe#tumblr_controls {-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; right:3px !important; position: fixed !important;}
  178.  
  179.  
  180. /* --------------------------------------
  181. SIDEBAR
  182. -------------------------------------- */
  183. .sidebar {position: fixed;
  184. right: 0px; top: 0px;
  185. height: 100%;
  186. width: 40%;
  187. z-index: 6;
  188. background-color: {color:Sidebar};
  189. display: table;}
  190.  
  191. #sb {background-color: {color:Sidebar}; color: {color:Sidebar Links}; border: 1px solid {color:Sidebar Links};}
  192.  
  193.  
  194. #sb:hover {
  195. {block:If3DEffect}
  196. text-shadow: -1px -1px {color:Neon One},
  197. -2px 0px {color:Neon One},
  198. 1px 1px {color:Neon Two},
  199. 2px 0px {color:Neon Two},
  200. 3px 1px {color:Neon Two};
  201. {/block:If3DEffect}
  202. {block:IfNot3DEffect}
  203. color: {color:Neon One}
  204. {/block:IfNot3DEffect}}
  205.  
  206. .sbs {display: table-cell; vertical-align: middle;}
  207.  
  208. .sbc {width: 275px;
  209. margin: auto;
  210. color: {color:Sidebar Links};
  211. text-align: center;}
  212.  
  213. .sbc a {color: {color:Sidebar Links};}
  214.  
  215. .sbt {font-size: {text:Sidebar Title Font Size};
  216. font-family: {text:Title Font};
  217. letter-spacing: {text:Sidebar Title Letter Spacing};
  218. line-height: 100%;
  219. {block:If3DEffect}
  220. text-shadow: -1px -1px {color:Neon One},
  221. -2px 0px {color:Neon One},
  222. 1px 1px {color:Neon Two},
  223. 2px 0px {color:Neon Two},
  224. 3px 1px {color:Neon Two};
  225. {/block:If3DEffect}
  226. {block:IfNot3DEffect}
  227. color: {color:Neon One}
  228. {/block:IfNot3DEffect}
  229. {color:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  230.  
  231. .sbc:hover .sbt {
  232. {block:If3DEffect}
  233. text-shadow: -1px -1px {color:Neon Two},
  234. -2px 0px {color:Neon Two},
  235. 1px 1px {color:Neon One},
  236. 2px 0px {color:Neon One},
  237. 3px 1px {color:Neon One};
  238. {/block:If3DEffect}
  239. {block:IfNot3DEffect}
  240. color: {color:Neon One};
  241. {/block:IfNot3DEffect}}
  242.  
  243. .sbc:hover .tlinks {opacity: 1.0;
  244. margin: 10px 0px;
  245. height: 10px;}
  246.  
  247. .tlinks {opacity: 0.0;
  248. height: 0px;}
  249.  
  250. .tlinks a {padding: 0px 5px;
  251. font-family: {text:Secondary Font};
  252. font-size: {text:Small Font Size};
  253. letter-spacing: {text:Letter Spacing};}
  254.  
  255. .tlinks a:hover {
  256. {block:If3DEffect}
  257. text-shadow: -1px -1px {color:Neon One},
  258. -2px 0px {color:Neon One},
  259. 1px 1px {color:Neon Two},
  260. 2px 0px {color:Neon Two},
  261. 3px 1px {color:Neon Two};
  262. {/block:If3DEffect}
  263. {block:IfNot3DEffect}
  264. color: {color:Neon One};
  265. {/block:IfNot3DEffect}}
  266.  
  267. .sbi {display: block;
  268. margin-top: 10px;
  269. position: relative;
  270. height: 500px;}
  271.  
  272. .desc {position: absolute;
  273. bottom: 50px;
  274. width: 195px;
  275. left: 20px;
  276. background-color: {color:Post};
  277. color: {color:Sidebar Descript Text};
  278. padding: 20px;
  279. text-align: {text:Sidebar Text Align};
  280. font-family: {text:Secondary Font};
  281. opacity: 0.0;}
  282.  
  283. .desc a {color: {color:Sidebar Links};
  284. letter-spacing: {text:Letter Spacing};
  285. font-size: {text:Small Font Size};
  286. background-color: {color:Sidebar Descript Text};
  287. padding: 2px 5px;}
  288.  
  289. .dlinks {margin: 5px auto;
  290. margin-top: 10px;
  291. width: 55%;
  292. text-align: left;}
  293.  
  294. .dlinks a {color: {color:Sidebar Descript Text};
  295. display: block;
  296. margin: 2px 0px;
  297. font-size: {text:Small Font Size};
  298. letter-spacing: {text:Letter Spacing};
  299. background-color: transparent;
  300. padding: 0px;}
  301.  
  302. .dlinks a:hover {background-color: {color:Sidebar Descript Text}; color: {color:Sidebar Links};}
  303.  
  304. .dlinks a:before {content: "";
  305. width: 3px;
  306. height: 3px;
  307. display: inline-block;
  308. background-color: {color:Sidebar Descript Text};
  309. margin-right: 6px;
  310. margin-bottom: 1px;}
  311.  
  312. .sbc:hover .sbi img {opacity: 0.5;}
  313.  
  314. .sbc:hover .desc {opacity: 0.9;}
  315.  
  316. .nav {position: absolute;
  317. bottom: 20px;
  318. text-align: center;
  319. width: 275px;
  320. font-size: {text:Small Font Size};}
  321.  
  322. .nav a {padding: 1px 5px;
  323. background-color: {color:Sidebar Links};
  324. color: {color:Sidebar Descript Text};
  325. border: 1px solid {color:Sidebar Links};}
  326.  
  327. .nav a:hover {background-color: transparent; color: {color:Sidebar Links};}
  328.  
  329. .current_page {border: 1px solid {color:Sidebar Links}; padding: 1px 5px;}
  330.  
  331. .nav a.ar {padding: 1px 5px;}
  332.  
  333.  
  334. /* --------------------------------------
  335. POSTS
  336. -------------------------------------- */
  337.  
  338. .container {width: 60%;
  339. height: 100%;
  340. overflow-y: auto;
  341. position: fixed;
  342. z-index: 5;
  343. left: 0px;
  344. top: 0px;}
  345.  
  346. {block:If250pxPost}
  347. .gf {{block:IndexPage}width: 600px;{/block:IndexPage}
  348. {block:PermalinkPage}width: 530px;{/block:PermalinkPage}
  349. margin: 20px auto;}
  350. {/block:If250pxPost}
  351.  
  352. .csub {margin: 50px auto;
  353. {block:IfNot250pxPost}
  354. {block:IfNot400pxPost}width: 530px;{/block:IfNot400pxPost}
  355. {block:If400pxPost}width: 430px;{/block:If400pxPost}
  356. {/block:IfNot250pxPost}
  357. {block:If250pxPost}
  358. float:left;
  359. margin: 0px 10px;
  360. {block:IndexPage}width: 280px;{/block:IndexPage}
  361. {block:PermalinkPage}width: 530px;{/block:PermalinkPage}
  362. {/block:If250pxPost}}
  363.  
  364. .post {border: 15px solid {color:Post};
  365. {block:IfNot250pxPost}
  366. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  367. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  368. {/block:IfNot250pxPost}
  369. {block:If250pxPost}
  370. {block:IndexPage}width: 250px;{/block:IndexPage}
  371. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  372. {/block:If250pxPost}
  373. background-color: {color:Post};
  374. text-align: justify;
  375. color: {color:Post Font};}
  376.  
  377. .cap a {font-family: {text:Secondary Font};
  378. background-color: {color:Post Font};
  379. color: {color:Post};
  380. padding: 0px 4px;}
  381.  
  382. .cap a:hover {color: {color:Post Font};}
  383.  
  384. .post img {max-width: 100%;}
  385.  
  386. .post h1, .mlabel {font-family: {text:Secondary Font};
  387. font-weight: normal;
  388. line-height: 110%;
  389. margin: 0px;}
  390.  
  391. .post li {list-style: square;}
  392.  
  393. .post blockquote {border-left: 1px solid {color:Post Font}; padding-left: 5px; font-family: {text:Secondary Font};}
  394.  
  395. .post h1 a, .mlabel {background-color: transparent;
  396. text-align: center;
  397. {block:If3DEffect}
  398. text-shadow: -1px -1px {color:Neon One},
  399. -2px 0px {color:Neon One},
  400. 1px 1px {color:Neon Two},
  401. 2px 0px {color:Neon Two},
  402. 3px 1px {color:Neon Two};
  403. {/block:If3DEffect}
  404. {block:IfNot3DEffect}
  405. color: {color:Neon One};
  406. {/block:IfNot3DEffect}
  407. {color:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  408. display: block;
  409. font-family: {text:Title Font};
  410. color: {color:Date};
  411. font-size: {text:Post Title Font Size};}
  412.  
  413. .post h1 a:hover {
  414. {block:If3DEffect}
  415. text-shadow: -1px -1px {color:Neon Two},
  416. -2px 0px {color:Neon Two},
  417. 1px 1px {color:Neon One},
  418. 2px 0px {color:Neon One},
  419. 3px 1px {color:Neon One};
  420. {/block:If3DEffect}
  421. {block:IfNot3DEffect}
  422. color: {color:Neon One};
  423. {/block:IfNot3DEffect}}
  424.  
  425. #hid {display: none;}
  426. .post:hover #hid {display:block;}
  427.  
  428. /* --------------------------------------
  429. QUOTE
  430. -------------------------------------- */
  431. .quote {width: 70%; margin: 20px auto; line-height: 150%}
  432.  
  433. .source {text-align: right;
  434. {color:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  435. letter-spacing: {text:Letter Spacing};
  436. margin-top: 10px;}
  437.  
  438.  
  439. .quote_short {font-size: 18px; font-family: {text:Secondary Font};}
  440. .quote_medium {font-size: 14px; font-family: {text:Secondary Font};}
  441. .quote_long {font-size: {text:Post Font Size};}
  442.  
  443. /* --------------------------------------
  444. CHAT
  445. -------------------------------------- */
  446.  
  447. .chat li {list-style: none;}
  448.  
  449. .lineodd .label, .lineeven .label {{color:IfUppercase}text-transform: uppercase;{/block:IfUppercase} font-family: {text:Secondary Font};}
  450.  
  451. .lineeven .label {color: {color:Neon One};}
  452. .lineodd .label {color: {color:Neon Two};}
  453.  
  454. /* --------------------------------------
  455. ASKS
  456. -------------------------------------- */
  457.  
  458. .as {background-color: {color:Post Font}; min-height: 40px; padding: 20px; color: {color:Post};}
  459.  
  460. .asimg {float: left; margin-right: 10px;}
  461.  
  462. /* --------------------------------------
  463. AUDIO
  464. -------------------------------------- */
  465.  
  466. .mus {position: relative; min-height: 100px;}
  467. .mus img {position: absolute; top: 0px; left: 0px; width: 100px;}
  468.  
  469. .cover {z-index: 2; width: 100px; position: absolute;}
  470.  
  471. .audioverlay {opacity: 0.3;
  472. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  473. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  474. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  475. position: absolute;
  476. z-index: 10;
  477. margin-top: 25px; margin-left: 25px;
  478. transition-duration: 0.6s;
  479. -moz-transition-duration: 0.6s;
  480. -webkit-transition-duration: 0.6s;
  481. -o-transition-duration: 0.6s;}
  482.  
  483. .mus:hover .audioverlay {opacity: 0.8;
  484. transition-duration: 0.6s;
  485. -moz-transition-duration: 0.6s;
  486. -webkit-transition-duration: 0.6s;
  487. -o-transition-duration: 0.6s;}
  488.  
  489. .audioarrow {width: 20px; height: 30px; overflow: hidden; margin:10px 19px 10px 12px;}
  490.  
  491. .minfo {position: absolute;
  492. right: 0px;
  493. {block:IfNot250pxPost}
  494. {block:IfNot400pxPost}width: 398px;{/block:IfNot400pxPost}
  495. {block:If400pxPost}width: 298px;{/block:If400pxPost}
  496. {/block:IfNot250pxPost}
  497. {block:If250pxPost}
  498. {block:IndexPage}width: 148px;{/block:IndexPage}
  499. {block:PermalinkPage}width: 398px;{/block:PermalinkPage}
  500. {/block:If250pxPost}
  501. background-color: {color:Post Font};
  502. height: 100px;
  503. text-align: center;
  504. color: {color:Post};
  505. font-family: {text:Secondary Font};
  506. font-size: {text:Small Font Size};
  507. {color:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  508.  
  509. .mlabel {font-size: {text:Post Title Font Size};}
  510.  
  511.  
  512. /* --------------------------------------
  513. POST INFO
  514. -------------------------------------- */
  515. .ifo {margin: 20px 0px;
  516. font-family: {text:Secondary Font};
  517. font-weight: 700;
  518. {color:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  519. margin-top: 15px;
  520. margin-bottom: 40px;
  521. {block:If250pxPost}margin-bottom: 20px;{/block:If250pxPost}}
  522.  
  523. .rei {padding-left: 5px;
  524. border-left: 15px solid {color:Post};
  525. display: inline-block;
  526. float: left;
  527. height: 20px;}
  528.  
  529. .ifs {display: inline-block;
  530. background-color: {color:Post};
  531. width: 455px;
  532. {block:IfNot250pxPost}
  533. {block:IfNot400pxPost}width: 455px;{/block:IfNot400pxPost}
  534. {block:If400pxPost}width: 355px;{/block:If400pxPost}
  535. {/block:IfNot250pxPost}
  536. {block:If250pxPost}
  537. {block:IndexPage}width: 205px;{/block:IndexPage}
  538. {block:PermalinkPage}width: 455px;{/block:PermalinkPage}
  539. {/block:If250pxPost}
  540. margin-left: 5px;
  541. height: 20px;
  542. padding: 0px 15px;
  543. line-height: 20px;
  544. word-spacing:5px;
  545. color: {color:Reblog};
  546. font-size: {text:Small Font Size};
  547. letter-spacing: {text:Letter Spacing}; }
  548.  
  549. .ifs a {color: {color:Reblog};}
  550.  
  551. .ifs a:hover {color: {color:Post Font};}
  552.  
  553. a.dt {color: {color:Date};
  554. {block:If3DEffect}
  555. text-shadow: -1px -1px {color:Neon One},
  556. -2px 0px {color:Neon One},
  557. 1px 1px {color:Neon Two},
  558. 2px 0px {color:Neon Two},
  559. 3px 1px {color:Neon Two};
  560. {/block:If3DEffect}
  561. margin-right: 10px;
  562. font-size: {text:Post Font Size};}
  563.  
  564. a.dt:hover {
  565. {block:If3DEffect}
  566. text-shadow: -1px -1px {color:Neon Two},
  567. -2px 0px {color:Neon Two},
  568. 1px 1px {color:Neon One},
  569. 2px 0px {color:Neon One},
  570. 3px 1px {color:Neon One};
  571. {/block:If3DEffect}
  572. color: {color:Date};}
  573.  
  574. .tgso {margin: 5px 0px; margin-top: 7px; border-top: 1px solid {color:Neon One}; {block:IndexPage}{block:If250pxPost} display: none;{/block:If250pxPost}{/block:IndexPage}}
  575.  
  576. .tgs {font-size: {text:Tags Font Size};
  577. padding: 5px 15px;
  578. border-top: 1px solid {color:Neon Two};
  579. word-break: break-all;}
  580.  
  581. .tgs a {color: {color:Tags}; margin-right: 10px;}
  582.  
  583. .tgs a:hover {
  584. {block:If3DEffect}
  585. text-shadow: -1px -1px {color:Neon One},
  586. -2px 0px {color:Neon One},
  587. 1px 1px {color:Neon Two},
  588. 2px 0px {color:Neon Two},
  589. 3px 1px {color:Neon Two};
  590. {/block:If3DEffect}
  591. color: {color:Post Font};}
  592.  
  593.  
  594.  
  595. /* --------------------------------------
  596. NOTES
  597. -------------------------------------- */
  598.  
  599. ol.notes {padding: 0px;
  600. margin: 25px 0px;
  601. list-style-type: none;
  602. border-bottom: solid 1px {color:Tags};
  603. font-size: {text:Small Font Size};
  604. font-family: {text:Secondary Font};
  605. color: {color:Reblog};}
  606.  
  607. ol.notes a {color: {color:Post Font};}
  608.  
  609. ol.notes a:hover {
  610. {block:If3DEffect}
  611. text-shadow: -1px -1px {color:Neon One},
  612. -2px 0px {color:Neon One},
  613. 1px 1px {color:Neon Two},
  614. 2px 0px {color:Neon Two},
  615. 3px 1px {color:Neon Two};
  616. {/block:If3DEffect}
  617. {block:IfNot3DEffect}
  618. color: {color:Neon One};
  619. {/block:IfNot3DEffect}}
  620.  
  621. ol.notes li.note {
  622. padding: 10px;
  623. background-color: {color:Post};
  624. margin: 2px 0px;}
  625.  
  626. ol.notes li.note img.avatar {
  627. vertical-align: -6px;
  628. margin-right: 10px;
  629. width: 16px;
  630. height: 16px;
  631. display: inline-block;}
  632.  
  633. ol.notes li.note span.action {font-weight: normal;}
  634.  
  635. ol.notes li.note .answer_content {font-weight: normal;}
  636.  
  637. ol.notes li.note blockquote {padding: 4px 10px; margin: 10px 0px 0px 25px;}
  638.  
  639. ol.notes li.note blockquote a {text-decoration: none;}
  640.  
  641. /* --------------------------------------
  642. CUSTOM CSS
  643. -------------------------------------- */
  644. {CustomCSS}
  645. </style></head>
  646. <body>
  647. <div class="container">
  648.  
  649. {block:If250pxPost}<div class="gf">{/block:If250pxPost}
  650. {block:Posts}
  651. {block:ContentSource}
  652.  
  653. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  654.  
  655. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  656.  
  657. {/block:SourceLogo}
  658.  
  659. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  660.  
  661. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  662.  
  663. <div class="csub">
  664.  
  665. <div class="post">
  666.  
  667. <!--------------------------------------------
  668. TEXT POSTS
  669. --------------------------------------------->
  670. {block:Text}
  671. <div class="cap">
  672. {block:Title}<h1>{Title}</h1>{/block:Title}
  673. {Body}
  674. </div>
  675. {/block:Text}
  676.  
  677.  
  678. <!--------------------------------------------
  679. PHOTO POSTS
  680. --------------------------------------------->
  681. {block:Photo}
  682. {LinkOpenTag}
  683. {block:IfNot250pxPost}
  684. {block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:IfNot400pxPost}
  685. {block:If400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{/block:If400pxPost}
  686. {/block:IfNot250pxPost}
  687. {block:If250pxPost}
  688. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px">{/block:IndexPage}
  689. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{/block:PermalinkPage}{/block:If250pxPost}{LinkCloseTag}
  690. <div class="cap">{block:IfNotShowPhotoCaptionsPermalinkOnly}{block:IndexPage}{block:Caption}<div {block:IfShowPhotoCaptionsOnHover}id="hid"{/block:IfShowPhotoCaptionsOnHover}>{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfNotShowPhotoCaptionsPermalinkOnly}
  691. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  692. </div>
  693. {/block:Photo}
  694.  
  695.  
  696. <!--------------------------------------------
  697. PHOTOSET POSTS
  698. --------------------------------------------->
  699. {block:Photoset}
  700. {block:IfNot250pxPost}{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  701. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}{/block:IfNot250pxPost}
  702. {block:If250pxPost}{block:IndexPage}{Photoset-250}{/block:IndexPage} {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:If250pxPost}
  703. <div class="cap">
  704. {block:IfNotShowPhotoCaptionsPermalinkOnly}{block:IndexPage}{block:Caption}<div {block:IfShowPhotoCaptionsOnHover}id="hid"{/block:IfShowPhotoCaptionsOnHover}>{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfNotShowPhotoCaptionsPermalinkOnly}
  705. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  706. </div>
  707. {/block:Photoset}
  708.  
  709.  
  710. <!--------------------------------------------
  711. ANSWER POSTS
  712. --------------------------------------------->
  713. {block:Answer}
  714. <div class="cap"><div class="as">
  715. <img src="{AskerPortraitURL-40}" class="asimg"> {Asker} {text:Ask Action}: {Question}
  716. </div>
  717. {Answer}
  718. </div>
  719. {/block:Answer}
  720.  
  721.  
  722. <!--------------------------------------------
  723. QUOTE POSTS
  724. --------------------------------------------->
  725. {block:Quote}
  726. <div class="cap">
  727. <div class="quote">
  728. <div class="quote_{Length}">“{Quote}”</div>
  729. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  730. </div>
  731. </div>
  732. {/block:Quote}
  733.  
  734.  
  735. <!--------------------------------------------
  736. LINK POSTS
  737. --------------------------------------------->
  738. {block:Link}
  739. <div class="cap">
  740. <h1><a href="{URL}">{Name}</a></h1>
  741. {block:Description}{Description}{/block:Description}
  742. </div>
  743. {/block:Link}
  744.  
  745. <!--------------------------------------------
  746. CHAT POSTS
  747. --------------------------------------------->
  748. {block:Chat}
  749. <div class="cap">
  750. {block:Title}<h1>{Title}</h1>{/block:Title}
  751. <div class="chat"><ul>{block:Lines}
  752. <li class="line{Alt}">{block:Label}
  753. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  754. </div>
  755. {/block:Chat}
  756.  
  757. <!--------------------------------------------
  758. VIDEO POSTS
  759. --------------------------------------------->
  760. {block:Video}
  761. {block:IfNot250pxPost}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  762. {block:If400pxPost}{Video-400}{/block:If400pxPost}{/block:IfNot250pxPost}
  763. {block:If250pxPost}{block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-400}{/block:PermalinkPage}{/block:If250pxPost}
  764. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  765. {/block:Video}
  766.  
  767.  
  768. <!--------------------------------------------
  769. AUDIO POSTS
  770. --------------------------------------------->
  771. {block:Audio}
  772. <div class="mus">
  773. {block:AudioPlayer}
  774. <div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  775. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  776. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>
  777. {/block:AudioPlayer}
  778. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
  779.  
  780. {block:AlbumArt}
  781. <img class="cover" src="{AlbumArtURL}" />
  782. {/block:AlbumArt}
  783.  
  784. <div class="minfo">
  785. <Table width="100%" height="100px"><tr><td>{block:TrackName}<span class="mlabel">{TrackName}</span>{/block:TrackName}<br>
  786. {block:Artist}{Artist}{/block:Artist} {block:Album}// {Album}{/block:Album}<br>
  787. {block:Playcount}{Playcount} Plays{/block:Playcount}
  788. </td></tr></table>
  789. </div>
  790. </div>
  791. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  792. {/block:Audio}
  793. </div>
  794.  
  795. <!--------------------------------------------
  796. POST INFO
  797. --------------------------------------------->
  798. {block:Date}<div class="ifo">
  799. <a href="/" {block:RebloggedFrom}style="display:none;"{/block:RebloggedFrom}
  800. ><img src="{PortraitURL-40}" class="rei"></a>
  801. {block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-40}" class="rei"></a>{/block:RebloggedFrom}
  802. <div class="ifs"><a href="{Permalink}" class="dt">
  803. {block:NewDayDate}{MonthNumberWithZero} {DayOfMonthWithZero}{/block:NewDayDate}
  804. {block:SameDayDate}{block:IfNotTimeAgo}{24HourWithZero}:{Minutes}{/block:IfNotTimeAgo} {block:IfTimeAgo}{TimeAgo}{/block:IfTimeAgo}{/block:SameDayDate}
  805. </a> {block:NoteCount}{block:IfNotShowNotesSymbol}{NoteCountWithLabel}{/block:IfNotShowNotesSymbol} {block:IfShowNotesSymbol}{NoteCount} {text:Notes Symbol}{/block:IfShowNotesSymbol}{/block:NoteCount} {block:IfShowReblog}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="margin-left: 10px;">via</a> +
  806. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{/block:IfShowReblog}</div>
  807.  
  808. {block:HasTags}<div class="tgso"><div class="tgs">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}
  809.  
  810. {PostNotes}
  811. </div>
  812. {/block:Date}
  813.  
  814.  
  815. </div>
  816. {/block:Posts}
  817. {block:If250pxPost}</div>{/block:If250pxPost}
  818. </div>
  819.  
  820. <!--------------------------------------------
  821. SIDEBAR
  822. --------------------------------------------->
  823. <div class="sidebar">
  824. <div class="sbs"><div class="sbc">
  825.  
  826. <a href="/"><span class="sbt">{block:IfNotAltTitle}{Title}{/block:IfNotAltTitle} {block:IfAltTitle}{text:Alt Title}{/block:IfAltTitle}</span></a>
  827.  
  828. <div class="tlinks"><a href="/">INDEX</a> {block:AskEnabled}<a href="/ask">ASK</a>{/block:AskEnabled} <a href="/archive">ARCHIVE</a> {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled} {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name} {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name} {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}</div>
  829.  
  830. <div class="sbi"><img src="{image:sidebar}">
  831.  
  832. <div class="desc"> {Description}
  833.  
  834. {block:IfLink4Name}<div class="dlinks">{/block:IfLink4Name}
  835. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  836. {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a>{/block:IfLink5Name}
  837. {block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a>{/block:IfLink6Name}
  838. {block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a>{/block:IfLink7Name}
  839. {block:IfLink8Name}<a href="{text:Link8 Url}">{text:Link8 Name}</a>{/block:IfLink8Name}
  840. {block:IfLink9Name}<a href="{text:Link9 Url}">{text:Link9 Name}</a>{/block:IfLink9Name}
  841. {block:IfLink10Name}<a href="{text:Link10 Url}">{text:Link10 Name}</a>{/block:IfLink10Name}
  842. {block:IfLink4Name}</div>{/block:IfLink4Name}
  843. </div>
  844.  
  845.  
  846. {block:Pagination}
  847. <div class="nav">
  848. {block:PreviousPage}
  849. <a href="{PreviousPage}" class="ar">-</a>
  850. {/block:PreviousPage}
  851.  
  852. {block:JumpPagination length="3"}
  853. {block:CurrentPage}
  854. <span class="current_page">{PageNumber}</span>
  855. {/block:CurrentPage}
  856.  
  857. {block:JumpPage}
  858. <a class="jump_page" href="{URL}">{PageNumber}</a>
  859. {/block:JumpPage}
  860. {/block:JumpPagination}
  861.  
  862. {block:NextPage}
  863. <a href="{NextPage}" class="ar">+</a>
  864. {/block:NextPage}
  865. </div>
  866. {/block:Pagination}
  867.  
  868. </div>
  869.  
  870. </div></div>
  871. </div>
  872. </body>
  873. </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!