API tools faq
paste
Advertisement
ErisNotEros

Theme: Harry Potter

ErisNotEros
May 5th, 2012
4,361
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.31 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. <meta name="color:Background1" content="#21808d" />
  16. <meta name="color:Background2" content="#00111b" />
  17.  
  18. <meta name="color:Text Light" content="#ffffff" />
  19. <meta name="color:Text Dark" content="#000000" />
  20.  
  21. <meta name="color:Banner Left Colour" content="#9a123a" />
  22. <meta name="color:Banner Left Accent" content="#eeb832" />
  23. <meta name="color:Banner Left Text" content="#ffffff" />
  24. <meta name="color:Banner Right Colour" content="#1d7451" />
  25. <meta name="color:Banner Right Accent" content="#b1b7b7" />
  26. <meta name="color:Banner Right Text" content="#ffffff" />
  27.  
  28. <meta name="font:Banners" content="Georgia" />
  29. <meta name="font:Main" content="Arial" />
  30.  
  31. <meta name="if:Show Instructions" content="0" />
  32. <meta name="if:Hide Second Banner" content="0" />
  33. <meta name="if:Infinite Scroll" content="0" />
  34. <meta name="if:photoset large" content="1" />
  35. <meta name="if:Banners full height" content="0" />
  36.  
  37. <meta name="text:Main Title" content="A Harry Potter Theme" />
  38.  
  39. <meta name="select:Title" content="centred" title="Centred" />
  40. <meta name="select:Title" content="left" title="Left" />
  41. <meta name="select:Title" content="hidden" title="Hidden" />
  42. <meta name="select:Text Size" content="default" title="Default" />
  43. <meta name="select:Text Size" content="tiny" title="Tiny" />
  44. <meta name="select:Text Size" content="large" title="Large" />
  45. <meta name="select:Text Size" content="extralarge" title="Extra Large" />
  46.  
  47.  
  48.  
  49. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51. <link rel="shortcut icon" href="{Favicon}" />
  52. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  54. <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Reenie+Beanie|Sue+Ellen+Francisco" rel="stylesheet">
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. body {word-wrap:break-word; width:100%; padding:0; margin:0; width:100%; height:100%; background-color:{color:Background2}; font-size:12px;}
  60.  
  61. img {max-width:100%; border:0;}
  62. iframe {max-width:100%;}
  63. a {text-decoration:none; color:{color:Text Light};}
  64. a:hover {text-decoration:underline;}
  65. h1 {font-size:20px; margin:0 0 10px;}
  66. ol, ul {margin:3px 0 3px -15px;}
  67. ol {list-style-type:lower-roman;}
  68. blockquote {margin:0 0 0 10px; padding:0 0 0 10px; border-left:solid 2px #000000;}
  69. .clear {clear:both;}
  70.  
  71.  
  72. #gradient {width:100%; height:100%; position:fixed; z-index:1;
  73. background-image: linear-gradient(bottom, {color:Background2} 0%, {color:Background1} 100%); background-image: -o-linear-gradient(bottom, {color:Background2} 0%, {color:Background1} 100%); background-image: -moz-linear-gradient(bottom, {color:Background2} 0%, {color:Background1} 100%); background-image: -webkit-linear-gradient(bottom, {color:Background2} 0%, {color:Background1} 100%); background-image: -ms-linear-gradient(bottom, {color:Background2} 0%, {color:Background1} 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, {color:Background2}), color-stop(1, {color:Background1})); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{color:Background1}', endColorstr='{color:Background2}');}
  74.  
  75.  
  76.  
  77.  
  78. #wrapper {padding-top:100px;{block:IfHideSecondBanner} margin-left:130px;{/block:IfHideSecondBanner}}
  79. #posts {margin-bottom:100px;}
  80.  
  81.  
  82.  
  83.  
  84.  
  85. #blogtitle {position:fixed; top:4px; left:0; z-index:15; width:280px; text-align:center; font-family:'Indie Flower',serif; font-size:18px; font-weight:bold; display:none; color:{color:Text Light};}
  86. #blogtitle.centred {display:block; width:100%; font-size:32px; position:absolute;}
  87. #blogtitle.left {display:block;}
  88. #blogtitle a {text-decoration:none; color:{color:Text Light};}
  89.  
  90. #caption {width:500px; margin:0 auto;}
  91. #caption {font-size:12px; line-height:120%; font-family:{font:Main}; color:{color:Text Light};}
  92. #caption a {font-weight:bold; color:{color:Text Light};}
  93. #caption blockquote {margin:-5px 0 -5px 5px; padding:0 0 0 5px; border-left:dashed 1px {color:Text Light};}
  94.  
  95. .tiny #caption {font-size:10px;}
  96. .large #caption {font-size:14px;}
  97. .extralarge #caption {font-size:16px;}
  98.  
  99.  
  100. /*********BANNERS*********/
  101.  
  102. #bannerleft {position:fixed; top:30px; left:10px; z-index:10; width:254px; background-color:{color:Banner Left Colour}; border:solid 3px {color:Banner Left Accent}; border-bottom:0; border-top:0;{block:IfBannersFullHeight} height:75%;{/block:IfBannersFullHeight}}
  103. #bannerleft #layerone {margin:0 3px; z-index:11; width:242px; min-height:200px; height:100%; background-color:{color:Banner Left Colour}; border:solid 3px {color:Banner Left Accent}; border-bottom:0; border-top:0;}
  104. #bannerlefttop {position:fixed; top:0; left:0; z-index:14; width:320px; height:100px;}
  105.  
  106. #bannerright {{block:IfHideSecondBanner} display:none; {/block:IfHideSecondBanner}position:fixed; top:30px; right:10px; z-index:10; width:254px; background-color:{color:Banner Right Colour}; border:solid 3px {color:Banner Right Accent}; border-bottom:0; border-top:0; {block:IfBannersFullHeight} height:75%;{/block:IfBannersFullHeight}}
  107. #bannerright #layerone {margin:0 3px; z-index:11; width:242px; min-height:200px; height:100%; background-color:{color:Banner Right Colour}; border:solid 3px {color:Banner Right Accent}; border-bottom:0; border-top:0;}
  108. #bannerrighttop {{block:IfHideSecondBanner} display:none; {/block:IfHideSecondBanner}position:fixed; top:0; right:0; z-index:14; width:320px; height:100px;}
  109.  
  110.  
  111.  
  112. #bannertext {padding:68px 10px 48px; font-family:{font:Banners}; font-size:11px; line-height:14px;}
  113. #bannertext.tiny {font-size:9px; line-height:14px;}
  114. #bannertext.large {font-size:12px; line-height:16px;}
  115. #bannertext.extralarge {font-size:15px; line-height:20px;}
  116.  
  117. #bannerleft #bannertext #right, #bannerright #bannertext #left {display:none;}
  118. #bannerleft #bannertext, #bannerleft #bannertext ol, #bannerleft #bannertext ul {color:{color:Banner Left Text};}
  119. #bannerleft #bannertext a {color:{color:Banner Left Accent};}
  120. #bannerleft #bannertext #links {margin-top:10px;}
  121. #bannerleft #bannertext #links .divider:last-child {display:none;}
  122. #bannerright #bannertext, #bannerright #bannertext ol, #bannerright #bannertext ul {color:{color:Banner Right Text};}
  123. #bannerright #bannertext a {color:{color:Banner Right Accent};}
  124.  
  125. #bannerleft #bottom {width:260px; position:absolute; bottom:0px;}
  126. #bannerleft #bottom #one {height:15px; left:-3px; border:solid 130px {color:Banner Left Accent};}
  127. #bannerleft #bottom #two {height:10px; left:0; z-index:11; border:solid 127px {color:Banner Left Colour};}
  128. #bannerleft #bottom #three {height:5px; left:3px; z-index:12; border:solid 124px {color:Banner Left Accent};}
  129. #bannerleft #bottom #four {height:0; left:6px; z-index:13; border:solid 121px {color:Banner Left Colour};}
  130. #bannerleft #bottom #one, #bannerleft #bottom #two, #bannerleft #bottom #three, #bannerleft #bottom #four {position:absolute; top:0; width:0; border-top:none; border-bottom-color:transparent;}
  131.  
  132. #bannerright #bottom {width:260px; position:absolute; bottom:0;}
  133. #bannerright #bottom #one {height:15px; left:-3px; border:solid 130px {color:Banner Right Accent};}
  134. #bannerright #bottom #two {height:10px; left:0; z-index:11; border:solid 127px {color:Banner Right Colour};}
  135. #bannerright #bottom #three {height:5px; left:3px; z-index:12; border:solid 124px {color:Banner Right Accent};}
  136. #bannerright #bottom #four {height:0; left:6px; z-index:13; border:solid 121px {color:Banner Right Colour};}
  137.  
  138. #bannerright #bottom #one, #bannerright #bottom #two, #bannerright #bottom #three, #bannerright #bottom #four {position:absolute; top:0; width:0; border-top:none; border-bottom-color:transparent;}
  139.  
  140. /*********PHOTO*********/
  141. #photo {width:656px; margin:0 auto; padding:10px 0; position:relative; z-index:2;}
  142. #photo #frame {width:100%; text-align:center; margin:79px 0; background-image:url(http://24.media.tumblr.com/01d7ae76a2171c5cd4fb15c189bc2a7c/tumblr_mq0ypuoFm01rvrgdvo1_1280.png); background-position:center center;}
  143. #photo #frame .top {margin:-79px 0 -165px; position:relative; z-index:4;}
  144. #photo #frame .bottom {margin:-165px 0 -79px; position:relative; z-index:3;}
  145. #photo #frame .photo {padding:0; margin:-6px 0 -20px 3px; position:relative; z-index:2;}
  146. #photo #caption {padding-top:10px;}
  147.  
  148.  
  149. /*********PHOTOSET*********/
  150. #photoset {width:600px; margin:0 auto; position:relative; z-index:2;}
  151. #photoset #top {margin-bottom:-54px; position:relative; z-index:3;}
  152. #photoset #bottom {margin-top:-54px; position:relative; z-index:3;}
  153. #photoset #body {width:100%; min-height:100px; background-image:url(http://25.media.tumblr.com/d13c96e9ed4fb72f43dc876a59ff57a0/tumblr_mq0ypuoFm01rvrgdvo2_1280.png);}
  154. #photoset #body .prophet {padding:40px 100px 50px; margin:-100px 0 -40px; position:relative; z-index:4;}
  155. #photoset #body .date {font-family:Arial, sans-serif; font-size:10px; text-align:right; width:100%; height:20px; margin-top:-20px; position:relative; right:25px; z-index:4; color:{color:Text Dark};}
  156. #photoset.tiny #body .date {font-size:8px;}
  157. #photoset.large #body .date {font-size:11px;}
  158. #photoset.extralarge #body .date {font-size:14px;}
  159. #photoset #body #content {margin:0 20px -50px; padding:5px; position:relative; z-index:4; border:solid 1px {color:Text Dark};}
  160. #photoset #body #content .images {height:100%; padding:5px 5px 0; background-color:rgba(0, 0, 0, 0.05); border-bottom:solid 3px {color:Text Dark};{block:IfNotPhotosetLarge}float:left; width:250px;{/block:IfNotPhotosetLarge}{block:IfPhotosetLarge}width:500px; margin:auto;{/block:IfPhotosetLarge}}
  161. #photoset #body #content .caption {font-family:Georgia, serif; font-size:11px; line-height:120%; color:{color:Text Dark};{block:IfNotPhotosetLarge} float:left; width:270px; padding-left:10px;{/block:IfNotPhotosetLarge}}
  162. #photoset.tiny #body #content .caption {font-size:10px;}
  163. #photoset.large #body #content .caption {font-size:12px;}
  164. #photoset.extralarge #body #content .caption {font-size:14px;}
  165. #photoset #body p, ol, ul {color:{color:Text Dark};}
  166. #photoset #body #content .caption a {font-weight:bold; text-decoration:none; color:{color:Text Dark};}
  167. #photoset #body #content .caption a:hover {text-decoration:underline;}
  168. #photoset #body #content .caption blockquote {margin:-10px 0 0 5px; padding:0 0 0 5px; border-left:dashed 1px {color:Text Dark};}
  169. #photoset #body #content .clear {clear: both;}
  170.  
  171. /*********VIDEO*********/
  172. #video {width:808px; min-height:808px; margin:-60px auto 0; position:relative; z-index:2;}
  173. #video #pensieve {position:absolute; left:159px; top:540px; z-index:2;}
  174. #video #glow {position:absolute; z-index:3;}
  175. #video #player {position:absolute; top:215px; left:159px; z-index:4; width:500px; padding:5px 5px 0; color:white;}
  176. #video #player a {color:white; font-weight:bold; text-decoration:none;}
  177. #video #player a:hover {text-decoration:underline;}
  178. #video #gap {width:100%; height:800px;}
  179.  
  180. /*********AUDIO*********/
  181. #audio {width:457px; min-height:608px; margin:0 auto; position:relative; z-index:2;}
  182. #audio #gramophone {position:absolute; z-index:2;}
  183. #audio #player {position:relative; top:392px; left:150px; z-index:3; background-color:black; color:white; width:207px; height:27px; font:10px Arial; text-align:center;}
  184. #audio #player a {color:white; text-decoration:none;}
  185. #audio #player a:hover {text-decoration:underline;}
  186. #audio #info {width:200px; position:absolute; right:0; top:80px; font-size:12px; line-height:130%; text-align:center; font-family:{font:Main}; color:{color:Text Light}; z-index:2;}
  187. #audio.tiny #info {font-size:10px;}
  188. #audio.large #info {font-size:14px;}
  189. #audio.extralarge #info {font-size:16px;}
  190. #audio #info .title {font-family:'Indie Flower', cursive; font-size:16px; font-weight:bold;}
  191. #audio.tiny #info .title {font-size:14px;}
  192. #audio.large #info .title {font-size:19px;}
  193. #audio.extralarge #info .title {font-size:22px;}
  194. #audio #gap {width:100%; height:590px;}
  195.  
  196.  
  197. /*********QUOTE*********/
  198. #quote {width:500px; min-height:282px; margin:0 auto; position:relative; z-index:2;}
  199. #quote #howlerclosed {position:absolute; top:0; left:50px; z-index:3; opacity:1; transition:opacity .25s ease-in-out;}
  200. #quote:hover #howlerclosed {opacity:0; -webkit-transition:opacity 0.25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -o-transition:opacity .25s ease-in-out;}
  201. #quote #howleropen {position:absolute; top:0; right:0; z-index:3; opacity:0; transition:opacity .25s ease-in-out;}
  202. #quote:hover #howleropen {opacity:1; -webkit-transition:opacity 0.25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -o-transition:opacity .25s ease-in-out;}
  203. #quote #marquee {display:none; width:100%; position:absolute; top:160px; right:190px; z-index:4; font-family:'Indie Flower', cursive; font-size:20px; text-transform:uppercase; font-weight:bold; color:{color:Text Light};}
  204. #quote:hover #marquee {display:block;}
  205. #quote #gap {width:100%; height:282px;}
  206. #quote #repeatquote, #quote #quoteIE {font-family:'Indie Flower', cursive; font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:120%; color:{color:Text Light};}
  207. #quote #source {font-size:12px; text-align:right; color:{color:Text Light}; font-family:{font:Main};}
  208. #quote #quoteIE {display:none;}
  209. #quote.tiny #marquee, #quote.tiny #repeatquote {font-size:16px;}
  210. #quote.large #marquee, #quote.large #repeatquote {font-size:24px;}
  211. #quote.extralarge #marquee, #quote.extralarge #repeatquote {font-size:32px;}
  212. #quote.tiny #source {font-size:10px;}
  213. #quote.large #source {font-size:14px;}
  214. #quote.extralarge #source {font-size:16px;}
  215.  
  216.  
  217. /*********TEXT*********/
  218. #text {width:560px; margin:0 auto; position:relative; z-index:2;}
  219. #text #top {margin-bottom:-50px; position:relative; z-index:4;}
  220. #text #bottom {margin-top:-60px; position:relative; z-index:4;}
  221. #text #body {background-image:url(http://25.media.tumblr.com/4d789fb270d1946f95d6abe6689582c7/tumblr_mq0ypuoFm01rvrgdvo3_1280.png); min-height:100px; color:{color:Text Dark}; font-family:'Indie Flower', serif; font-size:14px; line-height:115%;}
  222. #text.tiny #body {font-size:12px;}
  223. #text.large #body {font-size:17px;}
  224. #text.extralarge #body {font-size:20px;}
  225. #text #body a {color:{color:Text Dark}; font-weight:bold; text-decoration:none;}
  226. #text #body a:hover {text-decoration:underline;}
  227. #text #body .title {color:{color:Text Dark}; font-family:'Indie Flower', cursive; font-size:24px; text-align:center; width:500px; margin:-30px auto 0; position:relative; z-index:5;}
  228. #text.tiny #body .title {font-size:20px;}
  229. #text.large #body .title {font-size:28px;}
  230. #text.extralarge #body .title {font-size:36px;}
  231. #text #body .content {width:500px; margin:0 auto -30px; position:relative; z-index:5;}
  232.  
  233. #text #body blockquote {background-image:url(http://25.media.tumblr.com/c32cbae265a5eec8d5e3dc17445c0e9f/tumblr_mq0ypuoFm01rvrgdvo4_500.png); margin:10px auto 30px; padding:15px 10px 20px; position:relative; -moz-box-shadow: 0 2px 5px #c68230; -webkit-box-shadow: 0 2px 5px #c68230; box-shadow: 0 2px 5px #c68230; -moz-border-radius: 3px; border-radius: 3px; font-family:'Indie Flower', cursive; line-height:115%;}
  234. #text #body blockquote:before {content:url(http://25.media.tumblr.com/43a8e680fc4775bab4ecf9652ad2af2e/tumblr_mq0ypuoFm01rvrgdvo5_250.png); position:absolute; top:-30px; left:155px;}
  235. #text #body blockquote:after {content:url(http://25.media.tumblr.com/45e885e636416c5a0dce92cd4bfd814f/tumblr_mq0ypuoFm01rvrgdvo6_250.png); position:absolute; bottom:-28px; left:180px;}
  236. #text #body blockquote blockquote {background-image:none; margin:-10px -10px -5px; padding:0 10px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius:0; border-radius:0; border-bottom:dashed 1px black;}
  237.  
  238. #text #body blockquote blockquote:before,
  239. #text #body blockquote blockquote:after
  240. {content:none;}
  241.  
  242. #text #body blockquote blockquote p,
  243. #text #body blockquote blockquote ol,
  244. #text #body blockquote blockquote ul,
  245. #text #body blockquote blockquote blockquote blockquote blockquote p,
  246. #text #body blockquote blockquote blockquote blockquote blockquote ol,
  247. #text #body blockquote blockquote blockquote blockquote blockquote ul,
  248. #text #body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote p,
  249. #text #body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote ol,
  250. #text #body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote ul
  251. {font-family:'Indie Flower', cursive;}
  252.  
  253. #text #body blockquote blockquote blockquote p,
  254. #text #body blockquote blockquote blockquote ol,
  255. #text #body blockquote blockquote blockquote ul,
  256. #text #body blockquote blockquote blockquote blockquote blockquote blockquote p,
  257. #text #body blockquote blockquote blockquote blockquote blockquote blockquote ol,
  258. #text #body blockquote blockquote blockquote blockquote blockquote blockquote ul
  259. {font-family:'Sue Ellen Francisco', cursive;}
  260.  
  261. #text #body blockquote blockquote blockquote blockquote p,
  262. #text #body blockquote blockquote blockquote blockquote ol,
  263. #text #body blockquote blockquote blockquote blockquote ul,
  264. #text #body blockquote blockquote blockquote blockquote blockquote blockquote blockquote p,
  265. #text #body blockquote blockquote blockquote blockquote blockquote blockquote blockquote ol,
  266. #text #body blockquote blockquote blockquote blockquote blockquote blockquote blockquote ul
  267. {font-family:'Reenie Beanie', cursive;}
  268.  
  269.  
  270. /*********ANSWER*********/
  271. #answer {width:500px; margin:200px auto 0; position:relative; z-index:2;}
  272. #answer #body {background-image:url(http://24.media.tumblr.com/5d998aa3d70303c615911022a44bf5d7/tumblr_mq0ypuoFm01rvrgdvo7_500.png); padding:5px 20px 0; margin-top:-5px; font-family:'Sue Ellen Francisco', cursive; font-size:18px; line-height:24px; color:{color:Text Dark};}
  273. #answer.tiny #body {font-size:16px;}
  274. #answer.large #body {font-size:20px;}
  275. #answer.extralarge #body {font-size:24px;}
  276. #answer #body a {text-decoration:none; color:{color:Text Dark};}
  277. #answer #body a:hover {text-decoration:underline;}
  278. #answer #body .asker {text-align:right;}
  279.  
  280. #answer #owlone, #answer #owltwo {width:174px; height:218px; position:absolute; top:-178px; left:99px;}
  281. #answer:hover #owlone, #answer:hover #owltwo {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out;}
  282. #answer #owlone {opacity:1; z-index:3;}
  283. #answer:hover #owlone {opacity:0;}
  284. #answer #owltwo {opacity:0; z-index:4;}
  285. #answer:hover #owltwo {opacity:1;}
  286.  
  287.  
  288. /*********CHAT*********/
  289. #chat {width:600px; margin:0 auto; position:relative; z-index:2;}
  290. #chat #title {font-family:'Indie Flower', cursive; font-size:40px; font-weight:bold; text-align:center; margin-bottom:-15px; color:{color:Text Light}; position:relative; z-index:5;}
  291.  
  292. #chat #ears {width:600px; min-height:240px; padding-top:100px; background-image:url(http://24.media.tumblr.com/d2a53d82090fb658eb560452c39afd6c/tumblr_mq0ypuoFm01rvrgdvo8_1280.png); background-repeat:no-repeat; position:relative;}
  293.  
  294. #chat #leftear, #chat #leftearwiggle {position:absolute; top:90px; left:0;}
  295. #chat #rightear, #chat #rightearwiggle {position:absolute; top:280px; right:20px;}
  296. #chat #leftear, #chat #rightear {opacity:1; z-index:3;}
  297. #chat #leftearwiggle, #chat #rightearwiggle {z-index:4; opacity:0;}
  298. #chat:hover #leftear, #chat:hover #rightear {opacity:0;}
  299. #chat:hover #leftearwiggle, #chat:hover #rightearwiggle {opacity:1;}
  300.  
  301. #chat #caption {width:400px;}
  302. #chat #caption .name {font-family:'Indie Flower', cursive; font-size:16px; font-weight:bold; color:{color:Text Light};}
  303. #chat.tiny #caption .name {font-size:14px;}
  304. #chat.large #caption .name {font-size:16px;}
  305. #chat.extralarge #caption .name {font-size:20px;}
  306. #chat #caption p {margin:3px;}
  307.  
  308.  
  309. /*********LINK*********/
  310. #link {width:500px; min-height:516px; margin:0 auto; position:relative; z-index:2; color:{color:Text Light};}
  311. #link #portkey {position:absolute; z-index:3;}
  312. #link #title {position:absolute; top:40px; right:0; width:200px; height:280px; z-index:4; font-family:'Indie Flower', cursive; font-size:26px; line-height:100%; text-align:center; overflow:hidden;}
  313. #link.tiny #title {font-family:22px;}
  314. #link.large #title {font-family:28px;}
  315. #link.extralarge #title {font-family:32px;}
  316. #link a {text-decoration:none; color:{color:Text Light};}
  317. #link a:active {position:relative; top:1px;}
  318. #link #gap {width:100%; height:516px;}
  319.  
  320.  
  321. /*********OTHER*********/
  322. #pagination {position:relative; z-index:2; margin-bottom:40px; {block:IfInfiniteScroll} display:none;{/block:IfInfiniteScroll}}
  323. #pagination #caption {text-align:center;}
  324. #pagination #caption a {font-weight:normal;}
  325.  
  326.  
  327. #footer {position:relative; z-index:2;}
  328. #footer #caption {margin-top:20px; text-align:center; font-size:11px; padding-bottom:5px;}
  329. #footer.tiny #caption {font-size:9px;}
  330. #footer.large #caption {font-size:12px;}
  331. #footer.extralarge #caption {font-size:15px;}
  332. #footer #caption .date {position:relative; top:-5px;}
  333. #footer #caption a {font-weight:normal;}
  334. #footer #lineleft, #footer #lineright {width:200px; height:0; border-top:dashed 1px {color:Text Light};}
  335. #footer #lineleft {float:left;}
  336. #footer #lineright {float:right;}
  337. #footer #linebottom {width:100%; height:0; margin-top:8px; border-top:dashed 1px {color:Text Light};}
  338.  
  339.  
  340. #notes {padding-top:10px; position:relative; z-index:2;}
  341. #notes #caption blockquote {margin:4px 0 0 40px;}
  342. #notes #caption blockquote a {font-weight:normal; opacity:0.6;}
  343. #notes #caption blockquote a:hover {opacity:1; text-decoration:none; -webkit-transition:opacity 0.25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -o-transition:opacity .25s ease-in-out;}
  344. #notes #caption ol {list-style-type:none; margin:0; padding:0; font-size:11px; line-height:120%; font-family:{font:Main}; color:{color:Text Light};}
  345. #notes.tiny #caption {font-size:9px;}
  346. #notes.large #caption {font-size:12px}
  347. #notes.extralarger #caption {font-size:15px;}
  348. #notes #caption li {margin-bottom:4px;}
  349. #notes #caption img.avatar {width:16px; height:16px; margin-right:10px; position:relative; top:3px;}
  350.  
  351. 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:normal bold 12px arial; text-decoration:none;}
  352.  
  353. {CustomCSS}
  354.  
  355. </style>
  356.  
  357. <!--[if IE]>
  358. <style type="text/css">
  359. #quote #quoteIE {display:block!important;}
  360. #link #title {height:270px!important;}
  361. </style>
  362. <![endif]-->
  363.  
  364. {block:IfInfiniteScroll}
  365. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script
  366. {/block:IfInfiniteScroll}
  367.  
  368. </head>
  369. <body>
  370. <a href="http://themesbyeris.tumblr.com/" class="credit">Themes by Eris</a>
  371. <!-- Do not remove the credit -->
  372.  
  373. <div id="gradient"></div>
  374.  
  375. <div id="blogtitle" class="{select:Title}">
  376. <a href="/">{text:Main Title}</a>
  377. </div>
  378.  
  379. <img id="bannerlefttop" src="http://25.media.tumblr.com/b9f0dfab7c6159d3e7ded2bb5a7bc3d1/tumblr_mq0zx3bpXb1rvrgdvo1_400.png">
  380. <div id="bannerleft">
  381. <div id="layerone">
  382. <div id="bannertext" class="{select:Text Size}">
  383. <div id="left">
  384. {block:IfShowInstructions}
  385.  
  386. <xmp>Copy this into your description
  387. -------------------------------
  388. <div id="left">
  389. Your text/images here
  390. </div></xmp>
  391. <xmp>-------------------------------</xmp>
  392.  
  393. {/block:IfShowInstructions}
  394. {Description}
  395. <ul id="links">
  396. {block:AskEnabled}
  397. <li><a href="/ask">{AskLabel}</a></li>
  398. {/block:AskEnabled}
  399. {block:SubmissionsEnabled}
  400. <li><a href="/submit">{SubmitLabel}</a></li>
  401. {/block:SubmissionsEnabled}
  402. {block:HasPages}
  403. {block:Pages}
  404. <li><a href="{URL}">{Label}</a></li>
  405. {/block:Pages}
  406. {/block:HasPages}
  407. </ul>
  408. </div>
  409. </div>
  410. </div>
  411. <div id="bottom">
  412. <div id="one"></div>
  413. <div id="two"></div>
  414. <div id="three"></div>
  415. <div id="four"></div>
  416. </div>
  417. </div>
  418.  
  419. <img id="bannerrighttop" src="http://25.media.tumblr.com/79e19ef2fa53eea2e3d9eecc142475f9/tumblr_mq0zx3bpXb1rvrgdvo2_400.png">
  420. <div id="bannerright">
  421. <div id="layerone">
  422. <div id="bannertext" class="{select:Text Size}">
  423. <div id="right">
  424. {block:IfShowInstructions}
  425.  
  426. <xmp>Copy this into your description
  427. -------------------------------
  428. <div id="right">
  429. Your text/images here
  430. </div></xmp>
  431. <xmp>-------------------------------</xmp>
  432.  
  433. {/block:IfShowInstructions}
  434. {Description}
  435. </div>
  436. </div>
  437. </div>
  438. <div id="bottom">
  439. <div id="one"></div>
  440. <div id="two"></div>
  441. <div id="three"></div>
  442. <div id="four"></div>
  443. </div>
  444. </div>
  445.  
  446.  
  447.  
  448. <div id="wrapper"><div class="autopagerize_page_element">
  449. {block:Posts}<div id="posts">
  450.  
  451. {block:Photo}
  452. <div id="photo" class="{select:Text Size}">
  453. {LinkOpenTag}
  454. <div id="frame">
  455. <img class="top" src="http://25.media.tumblr.com/8848a2d1072315302c15403e1febad28/tumblr_mq0zx3bpXb1rvrgdvo3_1280.png" />
  456. <img class="photo" src="{PhotoURL-HighRes}" />
  457. <img class="bottom" src="http://25.media.tumblr.com/e5b5ef3a3fea096d0b1054f63a4bf16f/tumblr_mq0zx3bpXb1rvrgdvo4_1280.png" />
  458. </div>
  459. {LinkCloseTag}
  460. {block:Caption}
  461. <div id="caption">{Caption}</div>
  462. {/block:Caption}
  463. </div>
  464. {/block:Photo}
  465.  
  466. {block:Photoset}
  467. <div id="photoset" class="{select:Text Size}">
  468. <img id="top" src="http://24.media.tumblr.com/75c4752ecc5ca93fa760825e45bef513/tumblr_mq0zx3bpXb1rvrgdvo6_1280.png" />
  469. <div id="body">
  470. <img class="prophet" src="http://24.media.tumblr.com/70df970e9c7b09da8d1a701b9954a261/tumblr_mq10hvsAqY1rvrgdvo1_400.png" />
  471. <div class="date">
  472. {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  473. </div>
  474. <div id="content">
  475. <div class="images">
  476. {block:IfNotPhotosetLarge}
  477. {Photoset-250}
  478. {/block:IfNotPhotosetLarge}
  479. {block:IfPhotosetLarge}
  480. {Photoset-500}
  481. {/block:IfPhotosetLarge}
  482. </div>
  483. <div class="caption">{Caption}</div>
  484. <br class="clear" />
  485. </div>
  486. </div>
  487. <img id="bottom" src="http://25.media.tumblr.com/32b92eb770ce35011127ecd6c7bb7074/tumblr_mq0zx3bpXb1rvrgdvo7_1280.png" />
  488. </div>
  489. {/block:Photoset}
  490.  
  491. {block:Video}
  492. <div id="video" class="{select:Text Size}">
  493. <img id="pensieve" src="http://25.media.tumblr.com/434396826ad43547e568e6476ad49062/tumblr_mq10hvsAqY1rvrgdvo2_500.gif">
  494. <img id="glow" src="http://24.media.tumblr.com/d53625af03452c41f7442a017c645add/tumblr_mq10hvsAqY1rvrgdvo3_1280.png">
  495. <div id="player">{Video-500}</div>
  496. {block:Caption}
  497. <div id="gap"></div>
  498. <div id="caption">{Caption}</div>
  499. {/block:Caption}
  500. </div>
  501. {/block:Video}
  502.  
  503. {block:Audio}
  504. <div id="audio" class="{select:Text Size}">
  505. <img id ="gramophone" src="http://25.media.tumblr.com/6f296da5a4a945e039c3a9cdab8cd012/tumblr_mq10hvsAqY1rvrgdvo4_500.png" />
  506. <div id="player">{AudioPlayerblack}</div>
  507. <div id="info">
  508. {block:Artist}
  509. <div class="title">Artist:</div>
  510. {Artist}<br><br>
  511. {/block:Artist}
  512. {block:Album}
  513. <div class="title">Album:</div>
  514. {Album}<br><br>
  515. {/block:Album}
  516. {block:TrackName}
  517. <div class="title">Track Name:</div>
  518. {TrackName}<br><br>
  519. {/block:TrackName}
  520. {block:PlayCount}
  521. <div class="title">Play Count: </div>
  522. {FormattedPlayCount}
  523. {/block:PlayCount}
  524. </div>
  525. {block:Caption}
  526. <div id="gap"></div>
  527. <div id="caption" class="{select:Text Size}">{Caption}</div>
  528. {/block:Caption}
  529. </div>
  530. {/block:Audio}
  531.  
  532. {block:Quote}
  533. <div id="quote" class="{select:Text Size}">
  534. <img id="howlerclosed" src="http://24.media.tumblr.com/54fa3796e63cd200c01743c4a4d053ac/tumblr_mq10hvsAqY1rvrgdvo5_400.gif" />
  535. <img id="howleropen" src="http://24.media.tumblr.com/3e143726c9b8cd88ffa559921a56d0d4/tumblr_mq10hvsAqY1rvrgdvo6_400.gif" />
  536. <marquee id="marquee" behavior="scroll" direction="left" scrollamount="20">{Quote}</marquee>
  537. <div id="gap"></div>
  538. {block:IndexPage}
  539. <div id="quoteIE">{Quote}</div>
  540. {/block:IndexPage}
  541. {block:PermalinkPage}
  542. <div id="repeatquote">{Quote}</div>
  543. {/block:PermalinkPage}
  544. <div id="source">~{Source}</div>
  545. </div>
  546. {/block:Quote}
  547.  
  548. {block:Text}
  549. <div id="text" class="{select:Text Size}">
  550. <img id="top" src="http://24.media.tumblr.com/ae73e94a81a6f2309fd68877892be321/tumblr_mq10hvsAqY1rvrgdvo7_1280.png" />
  551. <div id="body">
  552. <div class="title">{Title}</div>
  553. <div class="content">{Body}</div>
  554. </div>
  555. <img id="bottom" src="http://25.media.tumblr.com/b9bd89a786ccb11828af7acc690ffe05/tumblr_mq10hvsAqY1rvrgdvo8_1280.png" />
  556. </div>
  557. {/block:Text}
  558.  
  559. {block:Answer}
  560. <div id="answer" class="{select:Text Size}">
  561. <img src="http://25.media.tumblr.com/49d52b58cf7cb33f1675c3cde8f2fc6a/tumblr_mq10un725b1rvrgdvo1_500.png">
  562. <img id="owlone" src="http://25.media.tumblr.com/9213a82c2aab1fab852944cbd8d8082a/tumblr_mq10un725b1rvrgdvo3_250.png" />
  563. <img id="owltwo" src="http://24.media.tumblr.com/acc908ce7fb1cbf232889736020f78c9/tumblr_mq10un725b1rvrgdvo4_250.png" />
  564. <div id="body">
  565. {Question}
  566. <div class="asker">- {Asker}</div>
  567. </div>
  568. <img src="http://25.media.tumblr.com/767c6bcd4d4c7c47b4c5d0398c802b7e/tumblr_mq10un725b1rvrgdvo2_500.png">
  569. <div id="caption">{Answer}</div>
  570. </div>
  571. {/block:Answer}
  572.  
  573. {block:Chat}
  574. <div id="chat" class="{select:Text Size}">
  575. {block:Title}
  576. <div id="title">{Title}</div>
  577. {/block:Title}
  578. <div id="ears">
  579. <img id="leftear" src="http://25.media.tumblr.com/ce0c0777ac7f7f0ef574faad479583c4/tumblr_mq10un725b1rvrgdvo6_100.png" />
  580. <img id="rightear" src="http://24.media.tumblr.com/7722cd033c6f4d2f741493bd8bf112c5/tumblr_mq10un725b1rvrgdvo8_100.png" />
  581. <img id="leftearwiggle" src="http://24.media.tumblr.com/9c44bc07f6bcefc512d3da99e622894e/tumblr_mq10un725b1rvrgdvo5_100.gif" />
  582. <img id="rightearwiggle" src="http://24.media.tumblr.com/a0ceaf40cbebccae4bcb96fe5127250b/tumblr_mq10un725b1rvrgdvo7_100.gif" />
  583. <div id="caption">
  584. {block:Lines}<p>
  585. {block:Label}
  586. <span class="name">{Label} </span>
  587. {/block:Label}
  588. {Line}
  589. </p>{/block:Lines}
  590. </div>
  591. </div>
  592. </div>
  593. {/block:Chat}
  594.  
  595. {block:Link}
  596. <div id="link" class="{select:Text Size}">
  597. <a href="{URL}" title="{Name}">
  598. <img id="portkey" src="http://25.media.tumblr.com/e7ca35077b7d356093683cc1a2fc96ec/tumblr_mq10un725b1rvrgdvo9_500.png" />
  599. <div id="title">{Name}</div>
  600. </a>
  601. {block:Description}
  602. <div id="gap"></div>
  603. <div id="caption">{Description}</div>
  604. {/block:Description}
  605. </div>
  606. {/block:Link}
  607.  
  608.  
  609.  
  610. <div id="footer" class="{select:Text Size}">
  611. <div id="caption">
  612. {block:Date}
  613. <span id="lineleft"></span>
  614. <a class="date" href="{Permalink}">{TimeAgo}</a>
  615. <span id="lineright"></span>
  616. {/block:Date}
  617. {block:HasTags}<br />
  618. {block:Tags}
  619. <a href="{TagURL}">#{Tag}</a>&nbsp;
  620. {/block:Tags}
  621. <div id="linebottom"></div>
  622. {/block:HasTags}
  623. </div>
  624. </div>
  625.  
  626. {block:PostNotes}
  627. <div id="notes"><div id="caption">{PostNotes}</div></div>
  628. {/block:PostNotes}
  629.  
  630. </div>{/block:Posts}
  631. </div>
  632.  
  633. <div id="pagination">
  634. <div id="caption">
  635. {block:PreviousPage}
  636. <a href="{PreviousPage}">{lang:Previous}</a>
  637. {block:NextPage}   |   {/block:NextPage}
  638. {/block:PreviousPage}
  639. {block:NextPage}
  640. <a href="{NextPage}">{lang:Next}</a>
  641. {/block:NextPage}
  642. </div>
  643. </div>
  644.  
  645. </div>
  646.  
  647. </body>
  648. </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!