API tools faq
paste
ErisNotEros

Theme: Pride

ErisNotEros
Nov 15th, 2012
2,802
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.  
  7. ┌┬┐ ┐┌ ┌┐ ┌┬┐ ┌┐ ┌┐ ┌┐ ┐┌ ┌┐ ┌┐ ┐ ┌┐
  8. │ ├┤ ├ │││ ├ └┐ ├┴┐ └┤ ├ ├┴┐ │ └┐
  9. ┴ ┘└ └┘ ┘ └ └┘ └┘ └─┘ ┘ └┘ ┘ └ └ └┘
  10. visit themesbyeris.tumblr.com for more themes
  11.  
  12. -->
  13.  
  14. <head>
  15.  
  16. <meta name="color:Background" content="#ffffff" />
  17. <meta name="color:Text" content="#000000" />
  18.  
  19. <meta name="font:Main Title" content="Clearface" />
  20. <meta name="font:Titles" content="Baskerville" />
  21. <meta name="font:Main Text" content="Arial" />
  22. <meta name="font:Flag Links" content="Baskerville" />
  23.  
  24. <meta name="select:Flag" content="rainbow" title="Queer Pride">
  25. <meta name="select:Flag" content="asexual" title="Asexual Pride">
  26. <meta name="select:Flag" content="bear" title="Bear Pride">
  27. <meta name="select:Flag" content="bisexual" title="Bisexual Pride">
  28. <meta name="select:Flag" content="intersex" title="Intersex Pride">
  29. <meta name="select:Flag" content="lipstick" title="Lipstick Lesbian Pride">
  30. <meta name="select:Flag" content="pansexual" title="Pansexual Pride">
  31. <meta name="select:Flag" content="polyamory" title="Polyamory Pride">
  32. <meta name="select:Flag" content="queergender" title="Queergender Pride">
  33. <meta name="select:Flag" content="transgender" title="Transgender Pride">
  34.  
  35. <meta name="if:Infinite Scroll" content="0" />
  36.  
  37. <meta name="image:Background" content="" />
  38.  
  39. <meta name="text:Main Title" content="A Point of Pride" />
  40. <meta name="text:Font Size Main Title" content="50" />
  41. <meta name="text:Font Size Titles" content="26" />
  42. <meta name="text:Font Size Main" content="13" />
  43. <meta name="text:Flag Height" content="300px" />
  44.  
  45.  
  46.  
  47. <title>{Title}</title>
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <link rel="shortcut icon" href="{Favicon}" />
  50. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52.  
  53. <style type="text/css">
  54.  
  55. body {word-wrap:break-word; width:100%; height:100%; margin:0; padding:0; background-image:url({image:Background}); font-family:{font:Main Text}; font-size:{text:Font Size Main}px; background-color:{color:Background}; color:{color:Text};}
  56.  
  57. img {max-width:100%; border:0;}
  58. a {text-decoration:underline; color:{color:Text};}
  59. a:hover {text-decoration:none;}
  60. h1 {margin:0 0 10px; text-align:center; font-family:{font:Titles}; font-size:{text:Font Size Titles}px;}
  61. ol, ul {margin:3px 0 3px -15px;}
  62. blockquote {margin:0 0 0 5px; padding:0 0 0 10px; border-left:solid 2px {color:Text};}
  63. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:{color:Text};}
  64. .clear {clear:both;}
  65.  
  66. a, a:hover, #flag #stripe, #flag #stripe:hover, .albumart .player, .albumart:hover .player, #footer td.tags, #footer:hover td.tags {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
  67.  
  68. ::selection {background:rgba({RGBcolor:Text},0.5); color:{color:Background};}
  69. ::-moz-selection {background:rgba({RGBcolor:Text},0.5); color:{color:Background};}
  70.  
  71.  
  72. /*********FLAG OPTIONS*********/
  73. #flag {width:50%; position:fixed; bottom:50%; left:0; height:{text:Flag Height};}
  74. #flag #stripe {position:relative;}
  75. #flag #stripe.one {margin-right:50px;}
  76. #flag #stripe.one:hover {margin-right:20px;}
  77. #flag #stripe.two {margin-right:10px;}
  78. #flag #stripe.two:hover {margin-right:-20px;}
  79. #flag #stripe.three {margin-right:70px;}
  80. #flag #stripe.three:hover {margin-right:40px;}
  81. #flag #stripe.four {margin-right:60px;}
  82. #flag #stripe.four:hover {margin-right:30px;}
  83. #flag #stripe.five {margin-right:40px;}
  84. #flag #stripe.five:hover {margin-right:10px;}
  85. #flag #stripe.six {margin-right:60px;}
  86. #flag #stripe.six:hover {margin-right:30px;}
  87. #flag #stripe.seven {margin-right:90px;}
  88. #flag #stripe.seven:hover {margin-right:60px;}
  89. #flag #stripe.eight {margin-right:20px;}
  90. #flag #stripe.eight:hover {margin-right:-10px;}
  91. #flag #stripe.nine {margin-right:50px;}
  92. #flag #stripe.nine:hover {margin-right:20px;}
  93.  
  94. #flag .iconlipstick, #flag .iconleather, #flag .iconbear, #flag .iconpoly {display:none; position:absolute; top:0; left:0; z-index:2; margin:7% 0 0 20px; height:44%; width:auto;}
  95. #flag .iconleather {margin-top:3.5%; height:38%;}
  96. #flag .iconpoly {margin:16.5% 0 0 33%; height:33%;}
  97.  
  98. #flag #stripe a {display:none; position:absolute; top:50%; right:20px; opacity:0; margin-top:-14px; text-decoration:none; font-size:24px; color:white; text-shadow:0 0 2px black; font-weight:bold; font-family:{font:Flag Links};}
  99. #flag #stripe:hover a {opacity:1;}
  100. #flag #stripe a:hover {color:white;}
  101. #flag #stripe.one a:nth-child(1),
  102. #flag #stripe.two a:nth-child(2),
  103. #flag #stripe.three a:nth-child(3),
  104. #flag #stripe.four a:nth-child(4),
  105. #flag #stripe.five a:nth-child(5),
  106. #flag #stripe.six a:nth-child(6),
  107. #flag #stripe.seven a:nth-child(7),
  108. #flag #stripe.eight a:nth-child(8),
  109. #flag #stripe.nine a:nth-child(9)
  110. {display:block;}
  111.  
  112.  
  113.  
  114.  
  115. /***Rainbow Flag - Default***/
  116. #flag.rainbow #stripe {height:16.67%;}
  117. #flag.rainbow #stripe.one {background-color:#ff0000;}
  118. #flag.rainbow #stripe.two {background-color:#ff9800;}
  119. #flag.rainbow #stripe.three {background-color:#ffff00;}
  120. #flag.rainbow #stripe.four {background-color:#009800;}
  121. #flag.rainbow #stripe.five {background-color:#0000ff;}
  122. #flag.rainbow #stripe.six {background-color:#980098;}
  123. #flag.rainbow #stripe.seven, #flag.rainbow #stripe.eight, #flag.rainbow #stripe.nine {display:none;}
  124. #post.rainbow blockquote, #post.rainbow blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ff0000;}
  125. #post.rainbow blockquote blockquote, #post.rainbow blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ff9800;}
  126. #post.rainbow blockquote blockquote blockquote, #post.rainbow blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ffff00;}
  127. #post.rainbow blockquote blockquote blockquote blockquote, #post.rainbow blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#009800;}
  128. #post.rainbow blockquote blockquote blockquote blockquote blockquote, #post.rainbow blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#0000ff;}
  129. #post.rainbow blockquote blockquote blockquote blockquote blockquote blockquote, #post.rainbow blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#980098;}
  130.  
  131. /***Asexual Pride***/
  132. #flag.asexual #stripe {height:12.5%;}
  133. #flag.asexual #stripe.one,
  134. #flag.asexual #stripe.two {background-color:#000000; margin-right:50px;}
  135. #flag.asexual #stripe.one:hover, #flag #stripe.two:hover {margin-right:20px;}
  136. #flag.asexual #stripe.three,
  137. #flag.asexual #stripe.four {background-color:#999999; margin-right:10px;}
  138. #flag.asexual #stripe.three:hover, #flag #stripe.four:hover {margin-right:-20px;}
  139. #flag.asexual #stripe.five,
  140. #flag.asexual #stripe.six {background-color:#ffffff; margin-right:70px;}
  141. #flag.asexual #stripe.five:hover, #flag #stripe.six:hover {margin-right:40px;}
  142. #flag.asexual #stripe.seven,
  143. #flag.asexual #stripe.eight {background-color:#820082; margin-right:60px; display:block;}
  144. #flag.asexual #stripe.seven:hover, #flag.asexual #stripe.eight:hover {margin-right:30px;}
  145. #flag.asexual #stripe.nine {display:none;}
  146. #post.asexual blockquote, #post.asexual blockquote blockquote blockquote blockquote blockquote, #post.asexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#000000;}
  147. #post.asexual blockquote blockquote, #post.asexual blockquote blockquote blockquote blockquote blockquote blockquote, #post.asexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#999999;}
  148. #post.asexual blockquote blockquote blockquote, #post.asexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.asexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ffffff;}
  149. #post.asexual blockquote blockquote blockquote blockquote, #post.asexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.asexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#820082;}
  150.  
  151. /***Bear Pride***/
  152. #flag.bear #stripe {height:14.29%;}
  153. #flag.bear #stripe.one {background-color:#623804;}
  154. #flag.bear #stripe.two {background-color:#d56300;}
  155. #flag.bear #stripe.three {background-color:#fedd63;}
  156. #flag.bear #stripe.four {background-color:#fee6b8;}
  157. #flag.bear #stripe.five {background-color:#ffffff;}
  158. #flag.bear #stripe.six {background-color:#555555;}
  159. #flag.bear #stripe.seven {background-color:#000000; display:block;}
  160. #flag.bear #stripe.eight, #flag.bear #stripe.nine {display:none;}
  161. #flag.bear .iconbear {display:inline;}
  162. #post.bear blockquote, #post.bear blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#623804;}
  163. #post.bear blockquote blockquote, #post.bear blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#d56300;}
  164. #post.bear blockquote blockquote blockquote, #post.bear blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#fedd63;}
  165. #post.bear blockquote blockquote blockquote blockquote, #post.bear blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#fee6b8;}
  166. #post.bear blockquote blockquote blockquote blockquote blockquote, #post.bear blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ffffff;}
  167. #post.bear blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#555555;}
  168. #post.bear blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#000000;}
  169.  
  170. /***Bisexual Pride***/
  171. #flag.bisexual #stripe {height:20%;}
  172. #flag.bisexual #stripe.one,
  173. #flag.bisexual #stripe.two {background-color:#d70270; margin-right:50px;}
  174. #flag.bisexual #stripe.one:hover, #flag #stripe.two:hover {margin-right:20px;}
  175. #flag.bisexual #stripe.three {background-color:#734f96; margin-right:10px;}
  176. #flag.bisexual #stripe.three:hover {margin-right:-20px;}
  177. #flag.bisexual #stripe.four,
  178. #flag.bisexual #stripe.five {background-color:#0038a8; margin-right:70px;}
  179. #flag.bisexual #stripe.four:hover, #flag.bisexual #stripe.five:hover {margin-right:40px;}
  180. #flag.bisexual #stripe.six, #flag.bisexual #stripe.seven, #flag.bisexual #stripe.eight, #flag.bisexual #stripe.nine {display:none;}
  181.  
  182. #post.bisexual blockquote, #post.bisexual blockquote blockquote blockquote blockquote, #post.bisexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.bisexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#d70270;}
  183. #post.bisexual blockquote blockquote, #post.bisexual blockquote blockquote blockquote blockquote blockquote, #post.bisexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.bisexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#734f96;}
  184. #post.bisexual blockquote blockquote blockquote, #post.bisexual blockquote blockquote blockquote blockquote blockquote blockquote, #post.bisexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.bisexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#0038a8;}
  185.  
  186. /***Intersex Pride***/
  187. #flag.intersex #stripe {height:16.67%;}
  188. #flag.intersex #stripe.one {background-color:#f4b8de;}
  189. #flag.intersex #stripe.two {background-color:#ffffff;}
  190. #flag.intersex #stripe.three {background-color:#a0ceef; background-image: -ms-linear-gradient(top, #a0ceef 75%, #c8c3e7 100%); background-image: -moz-linear-gradient(top, #a0ceef 75%, #c8c3e7 100%); background-image: -o-linear-gradient(top, #a0ceef 75%, #c8c3e7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.75, #a0ceef), color-stop(1, #c8c3e7)); background-image: -webkit-linear-gradient(top, #a0ceef 75%, #c8c3e7 100%); background-image: linear-gradient(to bottom, #a0ceef 75%, #c8c3e7 100%);}
  191. #flag.intersex #stripe.four {background-color:#f4b8de; background-image: -ms-linear-gradient(top, #c8c3e7 0%, #f4b8de 25%); background-image: -moz-linear-gradient(top, #c8c3e7 0%, #f4b8de 25%); background-image: -o-linear-gradient(top, #c8c3e7 0%, #f4b8de 25%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c8c3e7), color-stop(0.25, #f4b8de)); background-image: -webkit-linear-gradient(top, #c8c3e7 0%, #f4b8de 25%); background-image: linear-gradient(to bottom, #c8c3e7 0%, #f4b8de 25%);}
  192. #flag.intersex #stripe.five {background-color:#ffffff;}
  193. #flag.intersex #stripe.six {background-color:#f4b8de;}
  194. #flag.intersex #stripe.seven, #flag.intersex #stripe.eight, #flag.intersex #stripe.nine {display:none;}
  195. #post.intersex blockquote, #post.intersex blockquote blockquote blockquote blockquote, #post.intersex blockquote blockquote blockquote blockquote blockquote blockquote, #post.intersex blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.intersex blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#f4b8de;}
  196. #post.intersex blockquote blockquote, #post.intersex blockquote blockquote blockquote blockquote blockquote, #post.intersex blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.intersex blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.intersex blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ffffff;}
  197. #post.intersex blockquote blockquote blockquote, #post.intersex blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#a0ceef;}
  198.  
  199. /***Lipstick Lesbian Pride***/
  200. #flag.lipstick #stripe {height:14.29%;}
  201. #flag.lipstick #stripe.one {background-color:#a40061;}
  202. #flag.lipstick #stripe.two {background-color:#b75592;}
  203. #flag.lipstick #stripe.three {background-color:#d063a6;}
  204. #flag.lipstick #stripe.four {background-color:#ffffff;}
  205. #flag.lipstick #stripe.five {background-color:#e4accf;}
  206. #flag.lipstick #stripe.six {background-color:#c54e54;}
  207. #flag.lipstick #stripe.seven {background-color:#8a1e04; display:block;}
  208. #flag.lipstick #stripe.eight, #flag.lipstick #stripe.nine {display:none;}
  209. #flag.lipstick .iconlipstick {display:inline;}
  210. #post.lipstick blockquote, #post.lipstick blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#a40061;}
  211. blockquote blockquote, #post.lipstick blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#b75592;}
  212. #post.lipstick blockquote blockquote blockquote, #post.lipstick blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#d063a6;}
  213. #post.lipstick blockquote blockquote blockquote blockquote, #post.lipstick blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ffffff;}
  214. #post.lipstick blockquote blockquote blockquote blockquote blockquote, #post.lipstick blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#e4accf;}
  215. #post.lipstick blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#c54e54;}
  216. #post.lipstick blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#8a1e04;}
  217.  
  218. /***Pansexual Pride***/
  219. #flag.pansexual #stripe {height:16.67%;}
  220. #flag.pansexual #stripe.one,
  221. #flag.pansexual #stripe.two {background-color:#ff218c; margin-right:50px;}
  222. #flag.pansexual #stripe.one:hover, #flag #stripe.two:hover {margin-right:20px;}
  223. #flag.pansexual #stripe.three,
  224. #flag.pansexual #stripe.four {background-color:#ffd800; margin-right:10px;}
  225. #flag.pansexual #stripe.three:hover, #flag #stripe.four:hover {margin-right:-20px;}
  226. #flag.pansexual #stripe.five,
  227. #flag.pansexual #stripe.six {background-color:#0094ff; margin-right:70px;}
  228. #flag.pansexual #stripe.five:hover, #flag #stripe.six:hover {margin-right:40px;}
  229. #flag.pansexual #stripe.seven, #flag.pansexual #stripe.eight, #flag.pansexual #stripe.nine {display:none;}
  230. #post.pansexual blockquote, #post.pansexual blockquote blockquote blockquote blockquote, #post.pansexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.pansexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ff218c;}
  231. #post.pansexual blockquote blockquote, #post.pansexual blockquote blockquote blockquote blockquote blockquote, #post.pansexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.pansexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ffd800;}
  232. #post.pansexual blockquote blockquote blockquote, #post.pansexual blockquote blockquote blockquote blockquote blockquote blockquote, #post.pansexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.pansexual blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#0094ff;}
  233.  
  234. /***Polyamory Pride***/
  235. #flag.polyamory #stripe {height:16.67%;}
  236. #flag.polyamory #stripe.one,
  237. #flag.polyamory #stripe.two {background-color:#0007b0; margin-right:50px;}
  238. #flag.polyamory #stripe.one:hover, #flag #stripe.two:hover {margin-right:20px;}
  239. #flag.polyamory #stripe.three,
  240. #flag.polyamory #stripe.four {background-color:#ff0000; margin-right:10px;}
  241. #flag.polyamory #stripe.three:hover, #flag #stripe.four:hover {margin-right:-20px;}
  242. #flag.polyamory #stripe.five,
  243. #flag.polyamory #stripe.six {background-color:#000000; margin-right:70px;}
  244. #flag.polyamory #stripe.five:hover, #flag #stripe.six:hover {margin-right:40px;}
  245. #flag.polyamory #stripe.seven, #flag #stripe.eight, #flag #stripe.nine {display:none;}
  246. #flag.polyamory .iconpoly {display:block;}
  247. #post.polyamory blockquote, #post.polyamory blockquote blockquote blockquote blockquote, #post.polyamory blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.polyamory blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#0007b0;}
  248. #post.polyamory blockquote blockquote, #post.polyamory blockquote blockquote blockquote blockquote blockquote, #post.polyamory blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.polyamory blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ff0000;}
  249. #post.polyamory blockquote blockquote blockquote, #post.polyamory blockquote blockquote blockquote blockquote blockquote blockquote, #post.polyamory blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.polyamory blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#000000;}
  250.  
  251. /***Queergender Pride***/
  252. #flag.queergender #stripe {height:16.67%;}
  253. #flag.queergender #stripe.one,
  254. #flag.queergender #stripe.two {background-color:#b57edc; margin-right:50px;}
  255. #flag.queergender #stripe.one:hover, #flag #stripe.two:hover {margin-right:20px;}
  256. #flag.queergender #stripe.three,
  257. #flag.queergender #stripe.four {background-color:#ffffff; margin-right:10px;}
  258. #flag.queergender #stripe.three:hover, #flag #stripe.four:hover {margin-right:-20px;}
  259. #flag.queergender #stripe.five,
  260. #flag.queergender #stripe.six {background-color:#498022; margin-right:70px;}
  261. #flag.queergender #stripe.five:hover, #flag #stripe.six:hover {margin-right:40px;}
  262. #flag.queergender #stripe.seven, #flag.queergender #stripe.eight, #flag.queergender #stripe.nine {display:none;}
  263. #post.queergender blockquote, #post.queergender blockquote blockquote blockquote blockquote, #post.queergender blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.queergender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#b57edc;}
  264. #post.queergender blockquote blockquote, #post.queergender blockquote blockquote blockquote blockquote blockquote, #post.queergender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.queergender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ffffff;}
  265. #post.queergender blockquote blockquote blockquote, #post.queergender blockquote blockquote blockquote blockquote blockquote blockquote, #post.queergender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.queergender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#498022;}
  266.  
  267. /***Transgender Pride***/
  268. #flag.transgender #stripe {height:20%;}
  269. #flag.transgender #stripe.one {background-color:#a0ceef;}
  270. #flag.transgender #stripe.two {background-color:#f4b8de;}
  271. #flag.transgender #stripe.three {background-color:#ffffff;}
  272. #flag.transgender #stripe.four {background-color:#f4b8de;}
  273. #flag.transgender #stripe.five {background-color:#a0ceef;}
  274. #flag.transgender #stripe.six, #flag.transgender #stripe.seven, #flag.transgender #stripe.eight, #flag.transgender #stripe.nine {display:none;}
  275. #post.transgender blockquote, #post.transgender blockquote blockquote blockquote blockquote blockquote, #post.transgender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#a0ceef;}
  276. #post.transgender blockquote blockquote, #post.transgender blockquote blockquote blockquote blockquote, #post.transgender blockquote blockquote blockquote blockquote blockquote blockquote, #post.transgender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.transgender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.transgender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#f4b8de;}
  277. #post.transgender blockquote blockquote blockquote, #post.transgender blockquote blockquote blockquote blockquote blockquote blockquote blockquote, #post.transgender blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {border-color:#ffffff;}
  278.  
  279.  
  280. /*********TITLE/LINKS/DESCRIPTION*********/
  281. #maintitle {width:50%; position:fixed; bottom:50%; right:50%; margin:0 -20px {text:Flag Height} 0; font-family:{font:Main Title}; font-size:{text:Font Size Main Title}px;}
  282. #maintitle a, #maintitle a:hover {text-decoration:none; color:{color:Text};}
  283. #info {width:50%; position:fixed; top:50%; right:50%;}
  284. #description {padding:20px;}
  285.  
  286.  
  287.  
  288. /*********CONTENT*********/
  289. #content {min-width:500px; width:50%; margin-left:50%; padding:60px 0 0; position:relative; z-index:2;}
  290. #content #post {margin:0 30px 0;}
  291. #content #post #title {margin-bottom:10px; padding:10px 20px; text-align:center; font-family:{font:Titles}; font-size:{text:Font Size Titles}px; background-color:{color:Text}; color:{color:Background};}
  292. #content #post #photo {text-align:center;}
  293. #content #post #photoset {width:500px; margin:auto;}
  294. #content #post #video {width:500px; margin:auto;}
  295. #content #post #audio {margin-bottom:10px; position:relative; background-color:{color:Text}; color:{color:Background};}
  296. #content #post #audio .albumart {position:relative; width:120px; height:120px; padding:3px; float:left;}
  297. #content #post #audio .albumart img {width:120px; height:120px; background-color:{color:Background};}
  298. #content #post #audio .albumart .player {width:27px; height:27px; overflow:hidden; position:absolute; z-index:2; top:-14px; left:-14px; margin:50% 0 0 50%;}
  299. #content #post #audio .albumart:hover .player {opacity:1;}
  300. #content #post #audio .info {text-align:center; padding:30px 20px;}
  301. #content #post #audio h1 {text-transform:capitalize; margin-bottom:4px; font-weight:normal; color:{color:Background};}
  302. #content #post #audio h1 span {text-transform:lowercase;}
  303. #content #post #question {margin-bottom:10px; position:relative; padding:10px 20px; min-height:60px; margin:0 0 10px 120px; font-weight:bold; background-color:{color:Text}; color:{color:Background};}
  304.  
  305. #content #post #question .asker {position:absolute; top:0; left:-120px; width:120px; height:100%;}
  306. #content #post #question .asker .icon {width:64px; height:64px; position:absolute; top:50%; left:0; margin-top:-32px; border:solid 3px {color:Text};}
  307. #content #post #question .asker .point {display:block; width:0; height:0; position:absolute; top:50%; right:0; margin-top:-32px; border-style:solid; border-width:32px 32px 32px 0; border-color:transparent {color:Text};}
  308.  
  309. /***FOOTER***/
  310. #content #footer {margin-top:40px; border-collapse:collapse; width:100%; border-style:solid; border-width:1px 0 0; border-color:{color:Text}; color:rgba({RGBcolor:Text},0.6);}
  311. #content #footer td {padding:3px 0; vertical-align:top;}
  312. #content #footer a {text-decoration:none; color:rgba({RGBcolor:Text},0.6);}
  313. #content #footer a:hover {color:rgba({RGBcolor:Text},1);}
  314. #content #footer a.perma {font-weight:bold; padding:3px 5px; color:{color:Background}; background-color:{color:Text};}
  315. #content #footer a.perma:hover {color:rgba({RGBcolor:Background},0.6);}
  316. #content #footer td.tags {opacity:0; padding-top:10px;}
  317. #content #footer:hover td.tags {opacity:1;}
  318.  
  319. #notecontainer {padding-top:40px;}
  320. #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  321. #notecontainer li {margin-bottom:4px;}
  322. #notecontainer img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px; border:solid 1px {color:Text};}
  323. #notecontainer blockquote {margin:3px 0 0 35px; border-color:{color:text};}
  324. #notecontainer blockquote a {text-decoration:none;}
  325.  
  326.  
  327. /***OTHER***/
  328. #pagination {text-align:center; margin-top:30px;{block:IfInfiniteScroll} display:none;{/block:IfInfiniteScroll}}
  329. #pagination a {text-decoration:none; padding:0 3px;}
  330. #pagination span {padding:0 4px 0 5px; background-color:{color:Text}; color:{color:Background};}
  331. a.credit {position:fixed; top:50px; right:5px; z-index:99; height:12px; padding:2px 5px 4px 4px; background-color:rgba(0,0,0,0.38); border:1px solid rgba(0,0,0,0.18); border-radius:3px; color:#ffffff; font:bold 12px arial; text-decoration:none;}
  332.  
  333. {CustomCSS}
  334.  
  335. </style>
  336.  
  337.  
  338. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  339.  
  340. </head>
  341. <body>
  342. <a href="http://themesbyeris.tumblr.com/" class="credit">Themes by Eris</a>
  343. <!-- Do not remove the credit -->
  344.  
  345. <div id="maintitle"><a href="/">{text:Main Title}</a></div>
  346. <div id="flag" class="{select:Flag}">
  347. <div id="stripe" class="one">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  348. <div id="stripe" class="two">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  349. <div id="stripe" class="three">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  350. <div id="stripe" class="four">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  351. <div id="stripe" class="five">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  352. <div id="stripe" class="six">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  353. <div id="stripe" class="seven">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  354. <div id="stripe" class="eight">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  355. <div id="stripe" class="nine">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  356. <img class="iconpoly" src="https://68.media.tumblr.com/7a5de4a82b4708f70a1580617cbdba80/tumblr_ome4a936gl1rl9kgfo3_400.png" /><img class="iconlipstick" src="https://68.media.tumblr.com/6e449695b0081572382536f66ce7e8e6/tumblr_ome4a936gl1rl9kgfo2_400.png" /><img class="iconbear" src="https://68.media.tumblr.com/5feea8a6a9db8d753647f777e1d51db8/tumblr_ome4a936gl1rl9kgfo1_400.png" />
  357. </div> <!--flag-->
  358.  
  359. <div id="info">
  360. <div id="description">{Description}</div>
  361. {block:Pagination}
  362. <div id="pagination"><h1>
  363. {block:PreviousPage}<strong><a href="{PreviousPage}">&lt</a></strong>&nbsp; {/block:PreviousPage}
  364. {block:JumpPagination length="5"}
  365. {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
  366. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  367. {/block:JumpPagination}
  368. {block:NextPage} &nbsp;<strong><a href="{NextPage}">&gt</a></strong>{/block:NextPage}
  369. </h1></div>
  370. {/block:Pagination}
  371. </div>
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378. <div id="content">
  379. <div class="autopagerize_page_element">
  380. {block:Posts}
  381. <div id="post" class="{select:Flag}">
  382.  
  383. {block:Photo}
  384. <div id="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  385. {block:Caption}{Caption}{/block:Caption}
  386. {/block:Photo}
  387.  
  388. {block:Photoset}
  389. <div id="photoset">{Photoset-500}</div>
  390. {block:Caption}{Caption}{/block:Caption}
  391. {/block:Photoset}
  392.  
  393. {block:Video}
  394. <div id="video">{Video-500}</div>
  395. {block:Caption}{Caption}{/block:Caption}
  396. {/block:Video}
  397.  
  398. {block:Audio}
  399. <div id="audio">
  400. <div class="albumart">
  401. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  402. <div class="player">{AudioPlayerblack}</div>
  403. </div>
  404. <div class="info">
  405. {block:TrackName}<h1>{TrackName}{block:Artist}, <span>by</span> {Artist}{/block:Artist}</h1>{/block:TrackName}
  406. <strong>{PlayCountWithLabel}</strong>
  407. </div>
  408. <br class="clear" />
  409. </div>
  410. {block:Caption}{Caption}{/block:Caption}
  411. {/block:Audio}
  412.  
  413. {block:Quote}
  414. <div id="title">“{Quote}”</div>
  415. {block:Source}{lang:Source}:&nbsp;{Source}{/block:Source}
  416. {/block:Quote}
  417.  
  418. {block:Text}
  419. {block:Title}<div id="title">{Title}</div>{/block:Title}
  420. {Body}
  421. {/block:Text}
  422.  
  423. {block:Answer}
  424. <div id="question">
  425. {Question}
  426. <div class="asker">
  427. <a href="http://{PlaintextAsker}.tumblr.com"><img class="icon" title="{PlaintextAsker}" src="{AskerPortraitURL-64}" /></a>
  428. <span class="point"></span>
  429. </div>
  430. </div>
  431.  
  432. {Answer}
  433. {block:Answer}
  434.  
  435. {block:Chat}
  436. {block:Title}<div id="title">{Title}</div>{/block:Title}
  437. {block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />{/block:Lines}
  438. {/block:Chat}
  439.  
  440. {block:Link}
  441. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  442. {block:Description}{Description}{/block:Description}
  443. {/block:Link}
  444.  
  445. {block:Date}
  446. <table id="footer"><tr>
  447. <td style="width:33%;"><a href="{Permalink}">{TimeAgo}</a></td>
  448. <td style="width:34%; text-align:center;"><a class="perma" href="{Permalink}">{NoteCountWithLabel}</a></td>
  449. <td style="width:33%; text-align:right;">{block:RebloggedFrom}via:&nbsp<a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br />{/block:ContentSource}{/block:RebloggedFrom}{block:ContentSource}source:&nbsp;<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}</td>
  450. </tr>
  451. {block:HasTags}<tr><td colspan="3" class="tags"{block:PermalinkPage} style="opacity:1;"{/block:PermalinkPage}>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}</td></tr>{/block:HasTags}
  452. </table>
  453. {/block:Date}
  454.  
  455. {block:PostNotes}
  456. <div id="notecontainer">{PostNotes}</div>
  457. {/block:PostNotes}
  458.  
  459. <div id="gap" style="height:{block:IndexPage}200{/block:IndexPage}{block:PermalinkPage}120{/block:PermalinkPage}px;"></div>
  460.  
  461. </div>
  462. {/block:Posts}
  463. </div>
  464. </div>
  465.  
  466.  
  467. </body>
  468. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!