API tools faq
paste
Advertisement
galaxias-themes

[ theme ] → #14 SHORT HAIR

galaxias-themes
Aug 2nd, 2014
3,842
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.55 KB | None | 0 0
raw download clone embed print report
  1. <!---- ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ!
  2. ᴛʜᴇᴍᴇ #14 sʜᴏʀᴛ ʜᴀɪʀ @ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  3. ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ---->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <head>
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16. {block:ifinfinitescroll}
  17. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  18. {/block:ifinfinitescroll}
  19.  
  20.  
  21. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title]").style_my_tooltips();
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Kristi|Clicker+Script|Meddon|Megrim|Ruthie|Raleway:300' rel='stylesheet' type='text/css'>
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34.  
  35. <meta name="color:Background Color" content="#f2f2f2"/>
  36.  
  37. <meta name="color:Blockquote Background 1" content="#f8f8f8"/>
  38. <meta name="color:Blockquote Background 2" content="#f2f2f2"/>
  39. <meta name="color:Blockquote Border 1" content="#986bb0"/>
  40. <meta name="color:Blockquote Border 2" content="#986bb0"/>
  41. <meta name="color:Blockquote Text 1" content="777777"/>
  42. <meta name="color:Blockquote Text 2" content="777777"/>
  43.  
  44. <meta name="color:Header Text" content="#777777"/>
  45.  
  46. <meta name="color:Bolded Text" content="#986bb0"/>
  47. <meta name="color:Italicised Text" content="#986bb0"/>
  48.  
  49. <meta name="color:Post Text" content="#777777"/>
  50. <meta name="color:Post Background" content="#eeeeee"/>
  51. <meta name="color:Post Border" content="#f8f8f8"/>
  52.  
  53. <meta name="color:Permalink Color" content="#986bb0 "/>
  54. <meta name="color:Permalink Link" content="#986bb0"/>
  55.  
  56. <meta name="color:Active Link" content="#986bb0"/>
  57. <meta name="color:Hover Link" content="#505050"/>
  58.  
  59. <meta name="color:Selected Text" content="#986bb0"/>
  60. <meta name="color:Scrollbar Background" content="#f2f2f2"/>
  61. <meta name="color:Scrollbar Trackbar" content="#986bb0"/>
  62.  
  63. <meta name="color:Sidebar Image Background" content="#eeeeee"/>
  64. <meta name="color:Sidebar Background" content="#e1e1e1"/>
  65. <meta name="color:Title Shadow" content="#cccccc"/>
  66. <meta name="color:Text Shadow" content="#000000"/>
  67.  
  68. <meta name="color:Pagination Background 1" content="#eeeeee"/>
  69. <meta name="color:Pagination Background 2" content="#f2f2f2"/>
  70.  
  71. <meta name="color:Accent" content="#986bb0"/>
  72. <meta name="color:Tag Color" content="#986bb0"/>
  73.  
  74. <meta name="image:Background Image" content="">
  75. <meta name="image:sidebar image" content="http://static.tumblr.com/ssbhuug/Y2en9ocrm/untitled-1.png">
  76. <meta name="image:sidebar image 2" content="http://static.tumblr.com/ssbhuug/bJun9ocsn/untitled-2.png">
  77. <meta name="image:sidebar image 3" content="http://static.tumblr.com/ssbhuug/bJun9ocsn/untitled-2.png">
  78.  
  79. <meta name="text:Extra Link 1" content="Extra Link 1"/>
  80. <meta name="text:Extra Link 1 Hover" content="Hover"/>
  81. <meta name="text:Extra Link 1 URL" content="www.tumblr.com"/>
  82. <meta name="text:Extra Link 2" content="Extra Link 2"/>
  83. <meta name="text:Extra Link 2 Hover" content="Hover"/>
  84. <meta name="text:Extra Link 2 URL" content="www.tumblr.com"/>
  85. <meta name="text:Extra Link 3" content="Extra Link 3"/>
  86. <meta name="text:Extra Link 3 Hover" content="Hover"/>
  87. <meta name="text:Extra Link 3 URL" content="www.tumblr.com"/>
  88. <meta name="text:Extra Link 4" content="Extra Link 4"/>
  89. <meta name="text:Extra Link 4 Hover" content="Hover"/>
  90. <meta name="text:Extra Link 4 URL" content="www.tumblr.com"/>
  91. <meta name="text:Extra Link 5" content="Extra Link 5"/>
  92. <meta name="text:Extra Link 5 Hover" content="Hover"/>
  93. <meta name="text:Extra Link 5 URL" content="www.tumblr.com"/>
  94.  
  95. <meta name="text:Hover 1" content="Hover"/>
  96. <meta name="text:Hover 2" content="Hover"/>
  97. <meta name="text:Hover 3" content="Hover"/>
  98. <meta name="text:Hover 4" content="Hover"/>
  99. <meta name="text:Hover 5" content="Hover"/>
  100. <meta name="text:Hover 6" content="Hover"/>
  101.  
  102. <meta name="text:Sidebar Title" content="Title Here"/>
  103. <meta name="text:Quote" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
  104. <meta name="text:MP3 Link" content=""/>
  105. <meta name="text:Counter Link" content=""/>
  106. <meta name="text:Background Attachment" content="Fixed">
  107. <meta name="text:Background Position" content="bottom right">
  108.  
  109. <meta name="if:ShowCaptions" content="1">
  110. <meta name="if:ShowTags" content="1">
  111.  
  112. <meta name="if:BlackPlayer" content="0">
  113. <meta name="if:WhitePlayer" content="0">
  114. <meta name="if:GrayPlayer" content="1">
  115.  
  116.  
  117. <meta name="if:Infinite Scroll" content="0">
  118. <meta name="if:Pagination" content="1">
  119. <meta name="if:ImageFade" content="1">
  120. <meta name="if:Monochrome" content="1">
  121.  
  122. <meta name="if:250" content="0">
  123. <meta name="if:400" content="1">
  124. <meta name="if:500" content="0">
  125.  
  126.  
  127.  
  128. <style type="text/css">
  129. @font-face { font-family: "Abbeyline"; src: url('https://dl.dropboxusercontent.com/u/67800931/abbeyline.ttf'); }
  130. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/u/67800931/slkscr.ttf'); }
  131. @font-face { font-family: "caviardreams"; src: url('https://dl.dropboxusercontent.com/u/67800931/caviardreams.ttf'); }
  132. @font-face { font-family: "dawning"; src: url('https://dl.dropboxusercontent.com/u/67800931/dawningofanewday.ttf'); }
  133. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  134. @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
  135. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
  136. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  137. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  138.  
  139. ::selection {color: {color:Selected Text};}
  140. ::-moz-selection {color: {color:Selected Text};}
  141.  
  142. ::-webkit-scrollbar { width: 5px; height:1px; }
  143. ::-webkit-scrollbar-thumb:vertical {
  144. background-color: {color:Scrollbar Trackbar}; border: 1px solid {color:Scrollbar Background}; }
  145. ::-webkit-scrollbar-button:start:decrement,
  146. ::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
  147. background-color: transparent; }
  148. ::-webkit-scrollbar-track-piece {
  149. background-color: {color:Scrollbar Background}; }
  150.  
  151.  
  152. *, body, a{cursor:url('http://i.imgur.com/2qleX.jpg'), auto;
  153. }
  154. body { background-color: {color:background color}; background-position: {text:background position}; background-attachment: {text:background attachment}; background-image:url({image:background image}); background-repeat: no-repeat;background-size:contain;}
  155.  
  156. a:link, a:visited, a:active {text-decoration: none; color: {color:active link}; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  157. a:hover { color: {color:hover link}; }
  158.  
  159. b, strong { color: {color:bolded text}; }
  160. i, em { color: {color:italicised text}; }
  161. ul, li{
  162. color: {color:post text};
  163. font-family:silkscreen;
  164. font-size:8px;
  165. }
  166.  
  167. small, sub { font-family: arial; font-size: 10px; letter-spacing: 1; line-height: 100%; margin-top: 10px !important; line-height: 90%;}
  168. pre { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; background-color: {color:blockquote background 1}; color: {color:blockquote text 1}; padding: 3px; }
  169. code { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; }
  170.  
  171. blockquote { margin-left: 10px; width: 85%; text-align: justify; background-color: {color:blockquote background 1}; color: {color:blockquote text 1}; border-left: solid 2px {color:blockquote border 1}; padding: 5px; -moz-border-radius: 0px 0px; border-radius: 0px 0px 0px 0px; padding-left: 10px;}
  172. blockquote blockquote { margin-left: 5px; width: 85%; text-align: justify; background-color: {color:blockquote background 2}; color: {color:blockquote text 2}; border-left: solid 1px {color:blockquote border 2}; padding: 5px; -moz-border-radius: 0px 0px; border-radius: 0px 0px 0px 0px; padding-left: 10px;}
  173.  
  174. blockquote img {
  175. background-color:{color:accent};
  176. padding:2px;
  177. {block:if250}max-width:210px !important; opacity: .5;{/block:if250}
  178. {block:if400}max-width:330px !important; opacity: .5;{/block:if400}
  179. {block:if500}max-width:420px !important; opacity: .5;{/block:if500}}
  180. blockquote blockquote img {
  181. background-color:{color:accent};
  182. padding:2px;
  183. {block:if250}max-width:180px !important; opacity: .5;{/block:if250}
  184. {block:if400}max-width:285px !important; opacity: .5;{/block:if400}
  185. {block:if500}max-width:355px !important; opacity: .5;{/block:if500}}
  186.  
  187. .alignment { position: relative; margin-left: 500px; margin-top: 20px; height: 100%; height: auto !important; min-height: 100%;
  188. {block:if250}width:250px;{/block:if250}
  189. {block:if400}width:400px;{/block:if400}
  190. {block:if500}width:500px;{/block:if500}}
  191.  
  192. #posttitle { font-family: 'muli', sans-serif; line-height:100%; color: {color:header text}; font-size: 20px; padding: 5px; margin-top: 5px; margin-bottom:5px; text-align: center; text-transform: uppercase;background-color:{color:post border};border:4px double {color:blockquote border 1};text-shadow:2px 2px 2px {color:text shadow};}
  193. #posttitle:first-letter {font-family: 'Abbeyline', cursive; color: {color:bolded text}; text-transform: uppercase; font-size: 25px; }
  194.  
  195. #quotetitle { font-family: 'muli', sans-serif; line-height:100%; color: {color:header text}; font-size: 15px; padding: 5px; margin-top: 5px; margin-bottom:5px; text-align: center; text-transform: lowercase;background-color:{color:post border};border:4px double {color:blockquote border 1};text-shadow:1.3px 1.3px 1.3px {color:text shadow};}
  196. #quotetitle:first-letter {font-family: 'Abbeyline', cursive; color: {color:bolded text}; text-transform: uppercase; font-size: 25px; }
  197.  
  198.  
  199. #datetitle { font-family: 'muli', sans-serif; color: {color:header text}; font-size: 15px; padding: 5px; margin-top: 5px; text-align: center; text-transform: lowercase;text-shadow:1.3px 1.3px 1.3px {color:text shadow};}
  200. #datetitle:first-letter {font-family: 'Abbeyline', cursive; color: {color:accent}; text-transform: uppercase; font-size: 25px; }
  201.  
  202.  
  203. #asktitle { font-family: 'silkscreen'; color: {color:header text}; font-size: 8px; padding: 5px; text-align: center; margin-bottom:5px; text-transform: uppercase; text-shadow:1.3px 1.3px 1.3px {color:text shadow};background-color:{color:post border};border:4px double {color:blockquote border 1};}
  204. #asktitle:first-letter {font-family: 'Abbeyline', cursive; color: {color:accent}; text-transform: uppercase; font-size: 20px; }
  205.  
  206.  
  207. .quotation1 { position:absolute; font-size:30px; color: {color:bolded text}; opacity:0.5; font-family: georgia; margin-top: 5px; text-shadow:1.5px 1.5px 1.5px {color:text shadow};}
  208. .quotation2 { position:absolute; font-size:30px; color: {color:bolded text}; opacity:0.5; font-family: georgia; margin-top: 5px; text-shadow:1.5px 1.5px 1.5px {color:text shadow};}
  209.  
  210. .postcontainer {
  211. position:relative;
  212. {block:if250}width:250px;{/block:if250}
  213. {block:if400}width:400px;{/block:if400}
  214. {block:if500}width:500px;{/block:if500}
  215. font-family: arial; font-size: 10px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; margin-bottom: 20px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  216.  
  217.  
  218. .postinfo {
  219. {block:if250}width:250px;{/block:if250}
  220. {block:if400}width:400px;{/block:if400}
  221. {block:if500}width:500px;{/block:if500}
  222. font-family: tinytots; font-size: 8px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; margin-top: -15px; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  223.  
  224. .postnotes {
  225. {block:if250}width:250px;{/block:if250}
  226. {block:if400}width:400px;{/block:if400}
  227. {block:if500}width:500px;{/block:if500}
  228. font-family: tinytots; font-size: 8px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: left; text-transform: uppercase; word-wrap:break-word; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  229. .postnotes img { display:none;}
  230.  
  231. .postperma {
  232. position:absolute;
  233. {block:if250}width:auto;height:auto;margin-top: -15px;margin-left:270px;{/block:if250}
  234. {block:if400}width:auto;height:auto;margin-top: -15px;margin-left:420px;{/block:if400}
  235. {block:if500}width:auto;height:auto;margin-top: -15px;margin-left:520px;{/block:if500}
  236. font-family: tinytots;
  237. font-size: 8px;
  238. color: {color:permalink color};
  239. border: solid 3px {color:post border};
  240. text-transform: uppercase;
  241. letter-spacing: 1;
  242. text-align:center;
  243. line-height:10px;
  244. background-color: {color:post background};
  245. padding: 5px;
  246. -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;
  247. opacity:0;}
  248.  
  249. .postperma a {color: {color:permalink link}; text-align:center; -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
  250. .postperma a:hover{
  251. color:{color:hover link};
  252. }
  253.  
  254. .postcontainer:hover .postperma{
  255. opacity:1;
  256. -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; transition:all ease-in-out 1s;
  257. }
  258.  
  259.  
  260.  
  261.  
  262. #odd { padding:2px; font-size: 10px; letter-spacing: 1px; font-family: arial; color:{color:Blockquote Text 1}; background-color: {color:Blockquote Background 1}; }
  263. #even { padding:2px; font-size: 10px; letter-spacing: 1px; font-family: arial; color:{color:Blockquote Text 2}; background-color: {color:Blockquote Background 2};}
  264.  
  265. #tags { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; }
  266. #tags a, #permatags a {color: {color:tag color};}
  267. #permatags {
  268. {block:if250}width:270px;{/block:if250}
  269. {block:if400}width:420px;{/block:if400}
  270. {block:if500}width:520px;{/block:if500}
  271. margin-top: -20px; padding: 5px; margin-bottom: 10px; color: {color:post text}; font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; text-align: center; }
  272.  
  273. .postcontainer img:hover, #photoset:hover { {block:ifImageFade}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;
  274. -webkit-filter: grayscale(0%) !important; opacity: 1;{/block:ifImageFade}
  275. {block:ifMonochrome}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-filter: grayscale(0%); {/block:ifMonochrome}
  276. }
  277.  
  278. .postcontainer img, #photoset {
  279. {block:if250}max-width:250px;{/block:if250}
  280. {block:if400}max-width:400px;{/block:if400}
  281. {block:if500}max-width:500px;{/block:if500}
  282. {block:ifMonochrome}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-filter: grayscale(100%); {/block:ifMonochrome}
  283. {block:ifImageFade}opacity: .5; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;{/block:ifImageFade}
  284. }
  285.  
  286. .photopost img {
  287. {block:if250}max-width: 250px !important; {/block:if250}
  288. {block:if400}max-width: 400px !important; {/block:if400}
  289. {block:if500}max-width: 500px !important; {/block:if500}
  290. {block:ifMonochrome}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-filter: grayscale(100%); {/block:ifMonochrome}
  291. {block:ifImageFade}opacity: .5; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;{/block:ifImageFade}
  292. }
  293.  
  294. .video {
  295. {block:if250}max-width: 250px !important; {/block:if250}
  296. {block:if400}max-width: 400px !important; {/block:if400}
  297. {block:if500}max-width: 500px !important; {/block:if500}
  298. {block:ifMonochrome}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-filter: grayscale(100%);
  299. {/block:ifMonochrome}
  300. {block:ifImageFade}opacity: .5; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;{/block:ifImageFade}
  301. }
  302.  
  303. .video:hover {
  304. {block:ifFade}opacity: 1;{/block:ifFade}
  305. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  306. {/block:ifMonochrome}
  307. {block:ifImageFade}opacity: 1; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;{/block:ifImageFade}
  308. }
  309.  
  310. /* AUDIO */
  311. .album {
  312. background-repeat: no-repeat;
  313. background-position: center;
  314. position: absolute;
  315. width: 64px;
  316. height: 64px;
  317. padding:1px;
  318. background-size: 60px;
  319. overflow: hidden;
  320. background-color: {color:post border};
  321. border:1px solid {color:accent};
  322. -moz-transition:all ease-in-out 0.7s;
  323. -webkit-transition:all ease-in-out 0.7s;
  324. -o-transition:all ease-in-out 0.7s;
  325. transition:all ease-in-out 0.7s;
  326. }
  327.  
  328. .album img {
  329. width: 64px;
  330. height: 64px;
  331. overflow: hidden;
  332. -moz-transition:all ease-in-out 0.7s;
  333. -webkit-transition:all ease-in-out 0.7s;
  334. -o-transition:all ease-in-out 0.7s;
  335. transition:all ease-in-out 0.7s;
  336. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  337. {/block:ifMonochrome}
  338. {block:ifImageFade}opacity:.5;{/block:ifImageFade}
  339. }
  340.  
  341. .album img:hover {
  342. -moz-transition:all ease-in-out 0.7s;
  343. -webkit-transition:all ease-in-out 0.7s;
  344. -o-transition:all ease-in-out 0.7s;
  345. transition:all ease-in-out 0.7s;
  346. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  347. {/block:ifMonochrome}
  348. {block:ifImageFade}opacity:1;{/block:ifImageFade}
  349. }
  350.  
  351. .player {
  352. width: 10px;
  353. height: 11px;
  354. overflow: hidden;
  355. padding: 4px 21px 21px 4px;
  356. margin-top: 15px;
  357. margin-left: 15px;
  358. position: absolute;
  359. background-color: {color:post background};
  360. border-radius:10em;
  361. opacity: 0.3;
  362. z-index: 10;
  363. -webkit-transition: all 0.4s linear;
  364. -moz-transition: all 0.4s linear;
  365. -o-transition: all 0.4s linear;
  366. }
  367.  
  368. .album:hover .player {
  369. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  370. }
  371.  
  372.  
  373. .track {
  374. margin-left: 72px;
  375. min-height: 60px;
  376. max-height: 100px;
  377. overflow: auto;
  378. font-family:tinytots;
  379. font-size: 8px;
  380. padding: 3px;
  381. color: {color:post text};
  382. text-transform: uppercase;
  383. letter-spacing: 1px;
  384. background: {color:post border};
  385. border:1px solid {color:accent};
  386. }
  387.  
  388.  
  389. .question {
  390. {block:if250}min-height:40px;{/block:if250}
  391. {block:if400}min-height:40px;{/block:if400}
  392. {block:if500}min-height:40px;{/block:if500}
  393. line-height:10px; padding: 10px; background-color: {color:post border};height:auto; text-align:center; border: solid 5px {color:post background}; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
  394.  
  395. #s-m-t-tooltip { position:absolute; z-index:9999; display:none; border-radius: 0px; max-width: 150px; margin-top: 10px; margin-left: 10px; font-family: tinytots; font-size: 8px; color: {color:post text}; text-transform: uppercase; letter-spacing: 1; line-height: 100%; background-color: {color:post background}; border-left: solid 5px {color:accent};border-right: solid 1px {color:accent};border-bottom: solid 1px {color:accent};border-top: solid 1px {color:accent}; padding: 2px; -moz-transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -o-transition:all ease 0.7s; transition:all ease 0.7s;}+
  396.  
  397.  
  398. #permadate{
  399. position:fixed;
  400. margin-top:7px;
  401. font-family:Abbeyline;
  402. font-size:15px;
  403. color:{color:post text};
  404. text-align:center;
  405. line-height:15px;
  406. letter-spacing:100%;
  407. width:50px;
  408. text-shadow:1.5px 1.5px 1.5px {color:text shadow};
  409. text-transform:lowercase;
  410. }
  411.  
  412. #permadate:first-letter{
  413. color:{color:accent};
  414. font-size:20px;
  415. font-family:Abbeyline;
  416. z-index:10;
  417. font-weight:bold;
  418. letter-spacing:2px;
  419. text-transform:uppercase;
  420.  
  421. }
  422.  
  423. #permadate a{
  424. font-family:Abbeyline;
  425. font-size:20px;
  426. color:{color:background color};
  427. text-align:center;
  428. line-height:15px;
  429. letter-spacing:100%;
  430. width:50px;
  431. text-shadow:1.5px 1.5px 1.5px {color:text shadow};
  432. }
  433. #permadate a:hover{
  434. color:{color:permalink link};
  435. }
  436.  
  437.  
  438. /* Pagination */
  439.  
  440. #pagination {
  441. position:fixed;
  442. width:300px;
  443. height:auto;
  444. margin-top:275px;
  445. margin-left:20px;
  446. font-family:tinytots;
  447. font-size:8px;
  448. padding:5px;
  449. text-transform:uppercase;
  450. background-color:{color:sidebar background};
  451. letter-spacing:0px;
  452. text-align:center;
  453. }
  454. .jump_page {
  455.  
  456. padding: 4px 5px;
  457. background-color:{color:Pagination Background 2};
  458. color:{color:Post Text};
  459. font-family:tinytots;
  460. font-size:8px;
  461. word-spacing:-2px;
  462. text-decoration:none;
  463. }
  464.  
  465. .current_page, .jump_page:hover {
  466.  
  467. padding: 4px 5px;
  468. background-color: {color:Pagination Background 1};
  469. color:{color:Accent};
  470. font-family:tinytots;
  471. font-size:8px;
  472. word-spacing:-2px;
  473. text-decoration:none;
  474. }
  475.  
  476.  
  477.  
  478.  
  479.  
  480. /*sidebar wrapper*/
  481. #sidebar {
  482. position:fixed;
  483. margin-left:40px;
  484. margin-top:-50px;
  485. width:150px;
  486. height:auto;
  487. padding:0px;
  488. background-color:transparent;}
  489.  
  490.  
  491.  
  492. /*wrapper*/
  493. #wrapper{
  494. position:absolute;
  495. margin-top:60px;
  496. margin-bottom:60px;
  497. background-color:transparent;
  498. width:300px;
  499. height:auto;
  500. margin-left:auto;
  501. margin-right:auto;}
  502.  
  503.  
  504. /*Sidebar*/
  505. #sbbg{
  506. position:fixed;
  507. width:350px;
  508. height:275px;
  509. margin-left:50px;
  510. margin-top:200px;
  511. background-color:transparent;
  512. padding:5px;
  513. z-index:-10;
  514. }
  515.  
  516. #sbtitle{
  517. position:fixed;
  518. width:270px;
  519. height:20px;
  520. margin-left:-135px;
  521. margin-top:150px;
  522. background-color:transparent;
  523. font-family:Abbeyline;
  524. font-size:40px;
  525. color:{color:sidebar background};
  526. text-shadow:-1px 0px 2px {color:title shadow}, 0px 1px 0px {color:title shadow}, 1px 0px 0px {color:title shadow}, -1px 0px 0px {color:title shadow};
  527. text-align:center;
  528. text-transform:auto;
  529. line-height:15px;
  530. letter-spacing:0px;
  531. -ms-transform: rotate(-90deg); /* IE 9 */
  532. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  533. transform: rotate(-90deg);
  534. }
  535.  
  536. #sbimg{
  537. position:fixed;
  538. width:300px;
  539. height:150px;
  540. margin-top:20px;
  541. margin-left:20px;
  542. padding:3px;
  543. background-color:{color:sidebar image background};
  544. border:2px solid {color:accent};
  545. opacity:1;
  546. z-index:9999;
  547. -webkit-transition: all 1.5s ease-in-out;
  548. -moz-transition: all 1.5s ease-in-out;
  549. transition: all 1.5s ease-in-out;
  550. }
  551.  
  552. #sbimg img{
  553. max-width:300px;
  554. max-height:150px;
  555. opacity:0.7;
  556. }
  557.  
  558. #sbbg:hover #sbimg{
  559. margin-top:-135px;
  560. opacity:0;
  561. z-index:-10;
  562. -webkit-transition: all 1.2s ease-in-out;
  563. -moz-transition: all 1.2s ease-in-out;
  564. transition: all 1.2s ease-in-out;
  565. }
  566.  
  567. #sbimg2{
  568. position:fixed;
  569. width:85px;
  570. height:85px;
  571. margin-top:35px;
  572. margin-left:130px;
  573. padding:3px;
  574. background-color:{color:sidebar image background};
  575. border:1px solid {color:accent};
  576. opacity:0;
  577. -webkit-transition: all 1.5s ease-in-out;
  578. -moz-transition: all 1.5s ease-in-out;
  579. transition: all 1.5s ease-in-out;
  580. }
  581. #sbimg2 img{
  582. max-width:85px;
  583. max-height:85px;
  584. opacity:0.7;
  585. -webkit-transition: all 1.5s ease-in-out;
  586. -moz-transition: all 1.5s ease-in-out;
  587. transition: all 1.5s ease-in-out;
  588. }
  589. #sbimg2 img:hover{
  590. opacity:1;
  591. -webkit-transition: all 1.5s ease-in-out;
  592. -moz-transition: all 1.5s ease-in-out;
  593. transition: all 1.5s ease-in-out;
  594. }
  595.  
  596. #sbbg:hover #sbimg2{
  597. margin-left:21px;
  598. opacity:1;
  599. -webkit-transition: all 1.5s ease-in-out;
  600. -moz-transition: all 1.5s ease-in-out;
  601. transition: all 1.5s ease-in-out;
  602. }
  603.  
  604.  
  605. #sbimg3{
  606. position:fixed;
  607. width:85px;
  608. height:85px;
  609. margin-top:35px;
  610. margin-left:130px;
  611. padding:3px;
  612. background-color:{color:sidebar image background};
  613. border:1px solid {color:accent};
  614. opacity:0;
  615. -webkit-transition: all 1.5s ease-in-out;
  616. -moz-transition: all 1.5s ease-in-out;
  617. transition: all 1.5s ease-in-out;}
  618.  
  619. #sbimg3 img{
  620. max-width:85px;
  621. max-height:85px;
  622. opacity:0.7;
  623. -webkit-transition: all 1.5s ease-in-out;
  624. -moz-transition: all 1.5s ease-in-out;
  625. transition: all 1.5s ease-in-out;
  626. }
  627. #sbimg3 img:hover{
  628. opacity:1;
  629. -webkit-transition: all 1.5s ease-in-out;
  630. -moz-transition: all 1.5s ease-in-out;
  631. transition: all 1.5s ease-in-out;
  632. }
  633.  
  634. #sbbg:hover #sbimg3{
  635. margin-left:237px;
  636. opacity:1;
  637. -webkit-transition: all 1.5s ease-in-out;
  638. -moz-transition: all 1.5s ease-in-out;
  639. transition: all 1.5s ease-in-out;
  640. }
  641.  
  642. #sbquote{
  643. position:fixed;
  644. width:110px;
  645. height:60px;
  646. margin-left:118px;
  647. margin-top:55px;
  648. padding:2px;
  649. background-color:transparent;
  650. font-family:tinytots;
  651. font-size:8px;
  652. color:{color:post text};
  653. text-transform:uppercase;
  654. text-align:center;
  655. line-height:10px;
  656. z-index:-33;
  657. -webkit-transition: all 2s ease-in-out;
  658. -moz-transition: all 2s ease-in-out;
  659. transition: all 2s ease-in-out;
  660. }
  661. #sbquote:first-letter{
  662. font-family:Abbeyline;
  663. font-size:20px;
  664. color:{color:accent};
  665. }
  666.  
  667. #sbxlinks{
  668. position:fixed;
  669. width:110px;
  670. height:85px;
  671. padding:1px;
  672. margin-left:-2px;
  673. margin-top:-82px;
  674. background-color:{color:background color};
  675. opacity:0;
  676. -webkit-transition: all 1s ease-in-out;
  677. -moz-transition: all 1s ease-in-out;
  678. transition: all 1s ease-in-out;
  679. }
  680.  
  681. #sbxlinks a{
  682. margin-top:1px;
  683. display:inline-block;
  684. background-color:{color:sidebar background};
  685. border-left:5px solid {color:accent};
  686. border-right:5px solid {color:accent};
  687. color:{color:accent};
  688. padding:2px;
  689. width:99px;
  690. height:10px;
  691. font-family:tinytots;
  692. font-size:8px;
  693. text-transform:uppercase;
  694. text-align:center;
  695. line-height:150%;
  696. -webkit-transition: all 0.8s linear;
  697. -moz-transition: all 0.8s linear;
  698. transition: all 0.8s linear;
  699. }
  700. #sbxlinks a:hover{
  701. background-color:{color:accent};
  702. border-left:5px solid {color:sidebar background};
  703. border-right:5px solid {color:sidebar background};
  704. color:{color:post border};
  705. -webkit-transition: all 0.8s linear;
  706. -moz-transition: all 0.8s linear;
  707. transition: all 0.8s linear;
  708. }
  709.  
  710. #sbquote:hover #sbxlinks:hover{
  711. opacity:1;
  712. -webkit-transition: all 1s ease-in-out;
  713. -moz-transition: all 1s ease-in-out;
  714. transition: all 1s ease-in-out;
  715. }
  716.  
  717. #sbhover{
  718. position:fixed;
  719. width:25px;
  720. height:82px;
  721. padding:2px;
  722. margin-top:185px;
  723. margin-left:20px;
  724. background-color:{color:sidebar background};
  725. font-family:arial black;
  726. font-size:15px;
  727. color:{color:post text};
  728. text-align:center;
  729. line-height:13px;
  730. text-transform:auto;
  731. }
  732.  
  733. #sbhover a{
  734. display:inline-block;
  735. color:{color:accent};
  736. text-shadow:1.2px 1.2px 1.2px {color:text shadow};
  737. -webkit-transition: all 0.8s linear;
  738. -moz-transition: all 0.8s linear;
  739. transition: all 0.8s linear;
  740. }
  741. #sbhover a:hover{
  742. color:{color:hover link};
  743. -webkit-transition: all 0.8s linear;
  744. -moz-transition: all 0.8s linear;
  745. transition: all 0.8s linear;
  746. }
  747.  
  748.  
  749. #sbdesc{
  750. position:fixed;
  751. width:190px;
  752. height:76px;
  753. padding:5px;
  754. margin-top:185px;
  755. margin-left:53px;
  756. background-color:{color:sidebar background};
  757. font-family:silkscreen;
  758. font-size:8px;
  759. color:{color:post text};
  760. text-transform:uppercase;
  761. text-align:center;
  762. overflow:auto;
  763. line-height:100%;
  764. }
  765.  
  766. #sblinks{
  767. position:fixed;
  768. width:69px;
  769. height:42px;
  770. padding:1px;
  771. margin-left:256px;
  772. margin-top:182px;
  773. background-color:transparent;
  774. }
  775.  
  776. #sblinks a{
  777. margin-top:3px;
  778. display:block;
  779. background-color:{color:sidebar background};
  780. border-right:5px solid {color:accent};
  781. color:{color:post text};
  782. padding:2px;
  783. width:64px;
  784. height:5px;
  785. font-family:silkscreen;
  786. font-size:8px;
  787. text-transform:uppercase;
  788. text-align:center;
  789. line-height:80%;
  790. z-index:999999;
  791. -webkit-transition: all 0.8s linear;
  792. -moz-transition: all 0.8s linear;
  793. transition: all 0.8s linear;
  794. }
  795. #sblinks a:hover{
  796. background-color:{color:post background};
  797. box-shadow: inset 0px 15px {color:accent}, inset -15px 0px {color:accent};
  798. color:{color:post border};
  799. border-right:5px solid {color:text shadow};
  800. -webkit-transition: all 0.8s linear;
  801. -moz-transition: all 0.8s linear;
  802. transition: all 0.8s linear;
  803. }
  804.  
  805.  
  806. #sbmusic{
  807. position:fixed;
  808. width:71px;
  809. height:20px;
  810. margin-top:233px;
  811. margin-left:257px;
  812. background-color:{color:sidebar background};
  813. text-align:center;
  814. padding-top:2px;
  815. padding-bottom:2px;
  816. padding-left:1px;
  817. padding-right:1px;
  818. }
  819.  
  820.  
  821.  
  822. #sbcounter{
  823. position:fixed;
  824. width:67px;
  825. height:7px;
  826. padding:3px;
  827. margin-top:259px;
  828. margin-left:257px;
  829. background-color:{color:sidebar background};
  830. text-align:center;
  831. text-transform:uppercase;
  832. font-family:tinytots;
  833. font-size:8px;
  834. color:{color:post text};
  835. line-height:100%;
  836. }
  837.  
  838.  
  839. #sbfrnd {
  840. position:fixed;
  841. width:305px;
  842. height:40px;
  843. padding:3px;
  844. margin-left:20px;
  845. margin-top:135px;
  846. background-color:{color:sidebar background};
  847. opacity:0;
  848. -webkit-transition: all 1s ease-in-out;
  849. -moz-transition: all 1s ease-in-out;
  850. transition: all 1s ease-in-out;
  851. }
  852. #sbbg:hover #sbfrnd{
  853. opacity:1;
  854. -webkit-transition: all 1s ease-in-out;
  855. -moz-transition: all 1s ease-in-out;
  856. transition: all 1s ease-in-out;
  857. }
  858.  
  859. </style>
  860. </head>
  861. <body>
  862.  
  863. <div id="wrapper">
  864. <div id="sidebar">
  865. <div id="sbbg">
  866. <div id="sbtitle">{text:sidebar title}</div>
  867. <div id="sbimg"><img src="{image:sidebar image}" height="150px" width="300px"></div>
  868. <div id="sbimg2"><img src="{image:sidebar image 2}" height="85px" width="85px"></div>
  869. <div id="sbimg3"><img src="{image:sidebar image 3}" height="85px" width="85px"></div>
  870.  
  871. <div id="sbquote">{text:quote}
  872. <div id="sbxlinks">
  873. <a title="{text:Extra Link 1 Hover}" href="{text:Extra Link 1 URL}">{text:Extra Link 1}</a><a title="{text:Extra Link 2 Hover}" href="{text:Extra Link 2 URL}">{text:Extra Link 2}</a><a title="{text:Extra Link 3 Hover}" href="{text:Extra Link 3 URL}">{text:Extra Link 3}</a><a title="{text:Extra Link 4 Hover}" href="{text:Extra Link 4 URL}">{text:Extra Link 4}</a><a title="{text:Extra Link 5 Hover}" href="{text:Extra Link 5 URL}">{text:Extra Link 5}</a>
  874. </div>
  875. </div>
  876.  
  877. <div id="sbfrnd"><marquee scrollamount="3" behavior="alternate" direction="left" onmouseover="this.scrollAmount = 0" onmouseout="this.scrollAmount = 3">
  878. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:post border};" height="30px" width="30px"></a>
  879. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:accent};" height="30px" width="30px"></a>
  880. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:post border};" height="30px" width="30px"></a>
  881. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:accent};" height="30px" width="30px"></a>
  882. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:post border};" height="30px" width="30px"></a>
  883. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:accent};" height="30px" width="30px"></a>
  884. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:post border};" height="30px" width="30px"></a>
  885. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:accent};" height="30px" width="30px"></a>
  886. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:post border};" height="30px" width="30px"></a>
  887. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:accent};" height="30px" width="30px"></a>
  888. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:post border};" height="30px" width="30px"></a>
  889. <a title="??" href="/"><img src="http://peacesymbol.org/SVG/peace_sign_sticker_circle_4_25/transparent_peace_sign_sticker_circle_4_25-4444px.png" style="margin-top:1px; width:30px; height:30px; padding:4px; background-color:{color:accent};" height="30px" width="30px"></a>
  890. </marquee></div>
  891.  
  892. <div id="sbhover">
  893. <a title="{text:Hover 1}">●</a>
  894. <span style="color:{color:background color}">●</span>
  895. <span style="color:{color:background color}">●</span>
  896. <a title="{text:Hover 2}">●</a>
  897. <a title="{text:Hover 3}">●</a>
  898. <span style="color:{color:background color}">●</span>
  899. <span style="color:{color:background color}">●</span>
  900. <a title="{text:Hover 4}">●</a>
  901. <a title="{text:Hover 5}">●</a>
  902. <span style="color:{color:background color}">●</span>
  903. <span style="color:{color:background color}">●</span>
  904. <a title="{text:Hover 6}">●</a>
  905. </div>
  906.  
  907. <div id="sbdesc">{Description}</div>
  908.  
  909. <div id="sblinks"><a href="/">home</a></a><a href="/ask">inquire</a><a href="/submit">submit</a><a href="/archive">history</a></div>
  910.  
  911. <div id="sbmusic"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="72" height="20">
  912. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  913. <param name="bgcolor" value="#e1e1e1" />
  914. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=20&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;buttonwidth=18&amp;showslider=0&amp;loadingcolor=e1e1e1&amp;bgcolor=e1e1e1&amp;bgcolor1=e1e1e1&amp;bgcolor2=e1e1e1&amp;buttoncolor=707070&amp;buttonovercolor=986bb0&amp;showlist=0" />
  915. </object></div>
  916. <div id="sbcounter">{text:Counter Link}</div>
  917.  
  918. {block:ifpagination}
  919. <div id="pagination">
  920. {block:PreviousPage}
  921. <a href="{PreviousPage}">previous</a>
  922. {/block:PreviousPage}
  923.  
  924. {block:JumpPagination length="2"}
  925. {block:CurrentPage}
  926. <span class="current_page">{PageNumber}</span>
  927. {/block:CurrentPage}
  928.  
  929. {block:JumpPage}
  930. <a class="jump_page" href="{URL}">{PageNumber}</a>
  931. {/block:JumpPage}
  932. {/block:JumpPagination}
  933.  
  934. {block:NextPage}
  935. <a href="{NextPage}">next</a>
  936. {/block:NextPage}
  937. </div>
  938. {/block:ifpagination}
  939. </div>
  940.  
  941.  
  942. </div>
  943. </div>
  944. </div>
  945.  
  946.  
  947.  
  948.  
  949.  
  950.  
  951. <div class="alignment">
  952. <div class="autopagerize_page_element">
  953.  
  954. {block:Posts}
  955. <div class="postcontainer">
  956. {block:IndexPage}
  957. <div class="postperma">
  958. <div id="permadate" style="text-transform:lowercase; margin-top:5px; font-family:Abbeyline; font-size:20px; text-shadow:1.2px 1.2px 1.2px {color:text shadow};"><a href="{Permalink}" title="{TimeAgo} with {NoteCount} notes">{ShortMonth}</a></div></br><center><p><a title="Reblog?" href="{ReblogURL}">reblog?</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> (<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>){/block:RebloggedFrom}</br>{block:ifShowTags}{block:HasTags}<a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">tags</a></p>
  959. </center>
  960. {/block:HasTags}{/block:ifShowTags}
  961. </div>
  962.  
  963. {/block:IndexPage}
  964.  
  965.  
  966. {block:ContentSource}
  967. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  968. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  969. {/block:SourceLogo}
  970. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  971.  
  972. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  973. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  974. {/block:ReblogParentLogo}
  975. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  976. {/block:ContentSource}
  977.  
  978.  
  979. <!-- PHOTO POSTS -->
  980.  
  981. {block:if250}
  982. {block:Photo}{LinkOpenTag}
  983. <div class="photopost">
  984. <img src="{PhotoURL-250}">
  985. </div>
  986. {LinkCloseTag}
  987. {block:ifShowCaptions}
  988. {block:Caption}
  989. {Caption}
  990. {/block:Caption}
  991. {/block:ifShowCaptions}
  992. {/block:photo}
  993. {/block:if250}
  994.  
  995. {block:if400}
  996. {block:Photo}{LinkOpenTag}
  997. <div class="photopost">
  998. <img src="{PhotoURL-400}">
  999. </div>
  1000. {LinkCloseTag}
  1001. {block:ifShowCaptions}
  1002. {block:Caption}
  1003. {Caption}
  1004. {/block:Caption}
  1005. {/block:ifShowCaptions}
  1006. {/block:photo}
  1007. {/block:if400}
  1008.  
  1009. {block:if500}
  1010. {block:Photo}{LinkOpenTag}
  1011. <div class="photopost">
  1012. <img src="{PhotoURL-500}">
  1013. </div>
  1014. {LinkCloseTag}
  1015. {block:ifShowCaptions}
  1016. {block:Caption}
  1017. {Caption}
  1018. {/block:Caption}
  1019. {/block:ifShowCaptions}
  1020. {/block:photo}
  1021. {/block:if500}
  1022.  
  1023. <!-- PHOTOSET POSTS -->
  1024. {block:if250}
  1025. {block:Photoset}
  1026. <div id="photoset">
  1027. {Photoset-250}
  1028. </div>
  1029. {block:ifShowCaptions}
  1030. {block:Caption}
  1031. {Caption}
  1032. {/block:Caption}
  1033. {/block:ifShowCaptions}
  1034. {/block:Photoset}
  1035. {/block:if250}
  1036.  
  1037. {block:if400}
  1038. {block:Photoset}
  1039. <div id="photoset">
  1040. {Photoset-400}
  1041. </div>
  1042. {block:ifShowCaptions}
  1043. {block:Caption}
  1044. {Caption}
  1045. {/block:Caption}
  1046. {/block:ifShowCaptions}
  1047. {/block:Photoset}
  1048. {/block:if400}
  1049.  
  1050. {block:if500}
  1051. {block:Photoset}
  1052. <div id="photoset">
  1053. {Photoset-500}
  1054. </div>
  1055. {block:ifShowCaptions}
  1056. {block:Caption}
  1057. {Caption}
  1058. {/block:Caption}
  1059. {/block:ifShowCaptions}
  1060. {/block:Photoset}{/block:if500}
  1061.  
  1062.  
  1063. <!-- VIDEO POSTS -->
  1064. <div class="video">
  1065. {block:if250}
  1066. {block:Video}
  1067. {Video-250}
  1068. {block:ifShowCaptions}
  1069. {block:Caption}
  1070. {Caption}
  1071. {/block:Caption}
  1072. {/block:ifShowCaptions}
  1073. {/block:Video}
  1074. {/block:if250}
  1075.  
  1076. {block:if400}
  1077. {block:Video}
  1078. {Video-400}
  1079. {block:ifShowCaptions}
  1080. {block:Caption}
  1081. {Caption}
  1082. {/block:Caption}
  1083. {/block:ifShowCaptions}
  1084. {/block:Video}
  1085. {/block:if400}
  1086.  
  1087. {block:if500}
  1088. {block:Video}
  1089. {Video-500}
  1090. {block:ifShowCaptions}
  1091. {block:Caption}
  1092. {Caption}
  1093. {/block:Caption}
  1094. {/block:ifShowCaptions}
  1095. {/block:Video}
  1096. {/block:if500}
  1097. </div>
  1098.  
  1099.  
  1100. <!-- AUDIO POSTS -->
  1101. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{block:ifWhitePlayer}
  1102. {AudioPlayerWhite}
  1103. {/block:ifWhitePlayer}
  1104. {block:ifBlackPlayer}
  1105. {AudioPlayerBlack}
  1106. {/block:ifBlackPlayer}
  1107. {block:ifGrayPlayer}
  1108. {AudioPlayerGrey}
  1109. {/block:ifGrayPlayer}</div>{/block:AudioPlayer}
  1110.  
  1111. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1112.  
  1113. <div class="track">{block:TrackName}<span style="color:{color:Accent};">Title:</span> {TrackName}<br>{/block:TrackName}{block:Artist}<span style="color:{color:Accent};">Artist:</span> {Artist}<br>{/block:Artist}{block:Album}<span style="color:{color:Accent};">Album:</span>
  1114. {Album}<br>{/block:Album}<span style="color:{color:Accent};">Played:</span> {PlayCountWithLabel}</div>
  1115.  
  1116. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1117.  
  1118. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1119. {/block:Audio}
  1120.  
  1121.  
  1122.  
  1123. <!-- QUOTE POSTS -->
  1124. {block:Quote}
  1125. <div class="quotation1">❝</div>
  1126. <div class="quotation2">
  1127. {block:if250}<div style="padding-left: 230px;">❞</div>{/block:if250}
  1128. {block:if400}<div style="padding-left: 380px;">❞</div>{/block:if400}
  1129. {block:if500}<div style="padding-left: 480px;">❞</div>{/block:if500}
  1130. </div>
  1131. <div id="quotetitle">{Quote}</div>
  1132. {block:Source}<div id="tags" style="text-align:center !important;">—{Source}</div>{/block:Source}
  1133. {/block:Quote}
  1134.  
  1135.  
  1136. <!-- TEXT POSTS -->
  1137. {block:Text}
  1138. {block:Title}
  1139. <div id="posttitle">{Title}</div>
  1140. {/block:Title}
  1141. {Body}
  1142. {/block:Text}
  1143.  
  1144.  
  1145. <!-- QUESTION POSTS -->
  1146. {block:Answer}
  1147. <div class="question"><div id="asktitle"><span style="text-shadow:1.5px 1.5px 1.5px {color:text shadow}">{asker} asked—</span></div><span style="margin-top:10px; "> {question}</span></div>
  1148. {answer}
  1149. {/block:Answer}
  1150.  
  1151. <!-- CHAT POSTS -->
  1152. {block:Chat}
  1153. {block:Title}
  1154. <div id="posttitle">{Title}</div><br />
  1155. {/block:Title}
  1156. {block:Lines}<div id="{Alt}">
  1157. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  1158. {/block:Lines}
  1159. {/block:Lines}
  1160. {/block:Chat}
  1161.  
  1162. <!-- LINK POSTS -->
  1163. {block:Link}
  1164. <a href="{URL}"> <div id="posttitle">{Name}→</div></a>
  1165. {block:Description}
  1166. {Description}
  1167. {/block:Description}
  1168. {/block:Link}
  1169.  
  1170. </div>
  1171.  
  1172. {block:PermaLinkPage}
  1173. <div class="postinfo">
  1174. <center>
  1175. <div id="datetitle">{DayOfWeek}, {DayOfMonth} {Month} {Year}.</div>
  1176. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  1177. {/block:RebloggedFrom}{block:ifShowTags}{block:HasTags} | <a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">tags</a></br>
  1178. {/block:HasTags}{/block:ifShowTags}
  1179. </center>
  1180. </div>
  1181. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1182.  
  1183. {/block:PermalinkPage}
  1184. {/block:Posts}
  1185. </div> </div> </div>
  1186.  
  1187. <div style="position:fixed; bottom:3px; left:5px; text-align:center; font-size:8px; font-family:tinytots;">
  1188. <a href="http://galaxias-themes.tumblr.com" title="galaxias-themes">THEME</a>
  1189. </div>
  1190.  
  1191.  
  1192.  
  1193.  
  1194. </body> </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!