API tools faq
paste
Advertisement
ErisNotEros

Theme: Xmas 2012

ErisNotEros
Dec 7th, 2012
4,109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.10 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 Dark" content="#500001" />
  17. <meta name="color:Background Light" content="#e20010" />
  18. <meta name="color:Accent Dark" content="#daba7d" />
  19. <meta name="color:Accent Light" content="#fbfcf7" />
  20. <meta name="color:Post Background" content="#ffffff" />
  21. <meta name="color:Post Text" content="#333333" />
  22. <meta name="color:Post Title" content="#207739" />
  23.  
  24. <meta name="font:Main Font" content="Arial" />
  25.  
  26. <meta name="if:Infinite Scroll" content="0" />
  27.  
  28. <meta name="text:Bottom Bobble" content="Merry Christmas!" />
  29.  
  30.  
  31. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}" />
  34. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36.  
  37. <style type="text/css">
  38.  
  39. body {font-size:11px; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0; font-family:{font:Main Font}; color:{color:Post Text}; background-color:{color:Background Dark};}
  40. img {max-width:100%; border:0;}
  41. a {text-decoration:none; color:{color:Post Title};}
  42. a:hover {color:rgba({RGBcolor:Post Title}, 0.6);}
  43. h1 {font-size:20px; margin:0 0 10px;}
  44. ol, ul {margin:3px 0 3px -15px;}
  45. blockquote {margin:0 0 0 5px; padding:0 0 0 10px; border-left:solid 2px {color:Post Text};}
  46. .clear {clear:both;}
  47.  
  48. a, a:hover, #bobble_one, #bobble_two, #bobble_three, #content #post #audio .art .play
  49. {-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;}
  50.  
  51. #background {width:100%; height:100%; position:fixed; top:0; left:0; z-index:1; opacity:0.55; background-image: -ms-radial-gradient(right bottom, circle farthest-corner, {color:Background Light} 0%, {color:Background Dark} 100%); background-image: -moz-radial-gradient(right bottom, circle farthest-corner, {color:Background Light} 0%, {color:Background Dark} 100%); background-image: -o-radial-gradient(right bottom, circle farthest-corner, {color:Background Light} 0%, {color:Background Dark} 100%); background-image: -webkit-gradient(radial, right bottom, 0, center center, 506, color-stop(0, {color:Background Light}), color-stop(1, {color:Background Dark})); background-image: -webkit-radial-gradient(right bottom, circle farthest-corner, {color:Background Light} 0%, {color:Background Dark} 100%); background-image: radial-gradient(circle farthest-corner at right bottom, {color:Background Light} 0%, {color:Background Dark} 100%);}
  52.  
  53.  
  54.  
  55. /*********BOBBLES*********/
  56. #bobbles {height:100%; width:38%; min-width:400px; position:fixed; top:0; left:0; z-index:20;}
  57. #bobbles #circle {position:absolute; z-index:2; width:250px; height:250px; left:-27px; bottom:-27px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:solid 2px {color:Accent Dark}; background-color:{color:Background Dark}; background-image: -ms-radial-gradient(right top, circle farthest-side, {color:Background Light} 0%, {color:Background Dark} 100%); background-image: -moz-radial-gradient(right top, circle farthest-side, {color:Background Light} 0%, {color:Background Dark} 100%); background-image: -o-radial-gradient(right top, circle farthest-side, {color:Background Light} 0%, {color:Background Dark} 100%); background-image: -webkit-gradient(radial, right top, 0, right top, 973, color-stop(0, {color:Background Light}), color-stop(1, {color:Background Dark})); background-image: -webkit-radial-gradient(right top, circle farthest-side, {color:Background Light} 0%, {color:Background Dark} 100%); background-image: radial-gradient(circle farthest-side at right top, {color:Background Light} 0%, {color:Background Dark} 100%);}
  58. #bobbles .circle {display:none; width:250px; height:250px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; z-index:2; bottom:0; left:0; background-color:rgba({RGBcolor:Background Light},0.4);}
  59. #bobble_three .circle {width:192px; height:192px;}
  60. #bobbles .top {position:absolute; left:50%; width:42px; height:34px; margin-left:-21px; bottom:220px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; background-color:{color:Accent Dark}; background-image: -ms-linear-gradient(top right, {color:Accent Light} 0%, {color:Accent Dark} 100%); background-image: -moz-linear-gradient(top right, {color:Accent Light} 0%, {color:Accent Dark} 100%); background-image: -o-linear-gradient(top right, {color:Accent Light} 0%, {color:Accent Dark} 100%); background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, {color:Accent Light}), color-stop(1, {color:Accent Dark})); background-image: -webkit-linear-gradient(top right, {color:Accent Light} 0%, {color:Accent Dark} 100%); background-image: linear-gradient(to bottom left, {color:Accent Light} 0%, {color:Accent Dark} 100%);}
  61. #bobbles #hook {width:38px; height:38px; position:absolute; left:50%; margin-left:-22px; bottom:253px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border-style:solid; border-width:6px 3px 0; border-color:{color:Accent Light};}
  62. #bobbles #hook.two {border-color:rgba({RGBcolor:Accent Dark}, 0.4);}
  63. #bobbles #string {width:4px; position:absolute; left:50%; margin-left:-2px; bottom:297px; background-color:{color:Accent Light};}
  64. #bobbles #string.two {background-color:rgba({RGBcolor:Accent Dark}, 0.4);}
  65.  
  66. /***BOBBLE ONE***/
  67. #bobble_one {width:200px; height:200px; position:absolute; right:170px; top:17%; z-index:3;}
  68. #bobble_one:hover {margin-top:20px;}
  69. #bobble_one #string {height:200px;}
  70. #bobble_one #description {display:table; width:100%; height:100%;}
  71. #bobble_one #description .description {display:table-cell; padding:30px 20px; text-align:center; vertical-align:middle; position:relative; z-index:3; color:{color:Accent Light};}
  72. #bobble_one #description a {text-decoration:none; color:{color:Accent Dark};}
  73. #bobble_one #description a:hover {color:rgba({RGBcolor:Accent Dark}, 0.6);}
  74.  
  75. /***BOBBLE TWO***/
  76. #bobble_two {width:200px; height:200px; position:absolute; right:27px; top:38%; z-index:1;}
  77. #bobble_two:hover {margin-top:20px;}
  78. #bobble_two #string {height:400px;}
  79. #bobble_two #links {display:table; width:100%; height:100%;}
  80. #bobble_two #links .links {display:table-cell; text-align:center; vertical-align:middle; position:relative; z-index:3;}
  81. #bobble_two #links .links a {display:block; width:110px; margin:1px auto; padding:3px 5px; font-weight:bold; color:{color:Accent Light}; text-shadow:-1px 1px 1px {color:Accent Dark};
  82. background-color:{color:Accent Dark}; background-image: -ms-linear-gradient(top, rgba({RGBcolor:Accent Light},0.6) 0%, {color:Accent Dark} 100%); background-image: -moz-linear-gradient(top, rgba({RGBcolor:Accent Light},0.6) 0%, {color:Accent Dark} 100%); background-image: -o-linear-gradient(top, rgba({RGBcolor:Accent Light},0.6) 0%, {color:Accent Dark} 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba({RGBcolor:Accent Light},0.6)), color-stop(1, {color:Accent Dark})); background-image: -webkit-linear-gradient(top, rgba({RGBcolor:Accent Light},0.6) 0%, {color:Accent Dark} 100%); background-image: linear-gradient(to bottom, rgba({RGBcolor:Accent Light},0.6) 0%, {color:Accent Dark} 100%);}
  83. #bobble_two #links .links a:hover {background-image: -ms-linear-gradient(top, rgba({RGBcolor:Accent Light},0.3) 0%, {color:Accent Dark} 100%); background-image: -moz-linear-gradient(top, rgba({RGBcolor:Accent Light},0.3) 0%, {color:Accent Dark} 100%); background-image: -o-linear-gradient(top, rgba({RGBcolor:Accent Light},0.3) 0%, {color:Accent Dark} 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba({RGBcolor:Accent Light},0.3)), color-stop(1, {color:Accent Dark})); background-image: -webkit-linear-gradient(top, rgba({RGBcolor:Accent Light},0.3) 0%, {color:Accent Dark} 100%); background-image: linear-gradient(to bottom, rgba({RGBcolor:Accent Light},0.3) 0%, {color:Accent Dark} 100%);}
  84. #bobble_two #links .links a:first-child {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px;
  85. -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
  86. #bobble_two #links .links a:last-child {-webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px;
  87. border-bottom-left-radius:5px;}
  88.  
  89. /***BOBBLE THREE***/
  90. #bobble_three {width:152px; height:152px; position:absolute; right:148px; top:68%; z-index:2;}
  91. #bobble_three:hover {margin-top:20px;}
  92. #bobble_three #circle {width:192px; height:192px; left:-22px; bottom:-22px;}
  93. #bobble_three .top {width:32px; height:26px; margin-left:-16px; bottom:168px;}
  94. #bobble_three #hook {width:28px; height:28px; margin-left:-16px; bottom:193px; border-width:4px 2px 0;}
  95. #bobble_three #string {height:700px; bottom:225px;}
  96. #bobble_three #quote {display:table; width:100%; height:100%; position:relative; z-index:3;}
  97. #bobble_three #quote .quote {display:table-cell; margin:0; padding:0 20px 4px; font-size:20px; text-align:center; vertical-align:middle; font-weight:bold; text-shadow:-1px 1px 1px {color:Accent Dark}; color:{color:Accent Light};}
  98.  
  99.  
  100.  
  101. /*********BACKGROUND DECORATION*********/
  102. #bgcircles {position:fixed; z-index:2; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:solid 1px {color:Accent Dark};}
  103. #bgcircles.a1, #bgcircles.a4, #bgcircles.a5, #bgcircles.b2, #bgcircles.d3, #bgcircles.e5, #bgcircles.f5, #bgcircles.g6, #bgcircles.h1 {border-width:2px;}
  104. #bgcircles.a1 {width:80px; height:80px; bottom:-12px; left:18%;} #bgcircles.a2 {width:53px; height:53px; bottom:8%; left:25%;} #bgcircles.a3 {width:17px; height:17px; bottom:2.5%; left:12%;} #bgcircles.a4 {width:50px; height:50px; bottom:7%; left:3%;} #bgcircles.a5 {width:44px; height:44px; bottom:17%; left:24%;} #bgcircles.a6 {width:28px; height:28px; bottom:20%; left:27%;} #bgcircles.a7 {width:32px; height:32px; bottom:10%; left:14%;}
  105. #bgcircles.b1 {width:42px; height:42px; bottom:32%; left:14%;} #bgcircles.b2 {width:62px; height:62px; bottom:38%; left:4%;} #bgcircles.b3 {width:21px; height:21px; bottom:49%; left:5%;} #bgcircles.b4 {width:12px; height:12px; top:47%; left:1%;} #bgcircles.b5 {width:11px; height:11px; top:44%; left:7%;} #bgcircles.b6 {width:32px; height:32px; top:42%; left:2%;} #bgcircles.b7 {width:17px; height:17px; top:37%; left:2%;}
  106. #bgcircles.c1 {width:8px; height:8px; bottom:23.5%; left:39.5%;} #bgcircles.c2 {width:13px; height:13px; bottom:24%; left:41.5%;} #bgcircles.c3 {width:20px; height:20px; bottom:26%; left:38%;} #bgcircles.c4 {width:7px; height:7px; bottom:28.5%; left:41.5%;} #bgcircles.c5 {width:10px; height:10px; bottom:30%; left:36%;}
  107. #bgcircles.d1 {width:24px; height:24px; bottom:34%; left:47%;} #bgcircles.d2 {width:14px; height:14px; bottom:36.5%; left:42%;} #bgcircles.d3 {width:35px; height:35px; bottom:40%; left:43%;} #bgcircles.d4 {width:13px; height:13px; bottom:40%; left:49%;} #bgcircles.d5 {width:18px; height:18px; bottom:48%; left:43%;} #bgcircles.d6 {width:13px; height:13px; top:43%; left:36.5%;} #bgcircles.d7 {width:18px; height:18px; top:35%; left:32%;}
  108. #bgcircles.e1 {width:18px; height:18px; top:-9px; right:4%;} #bgcircles.e2 {width:12px; height:12px; top:-2px; right:8%;} #bgcircles.e3 {width:19px; height:19px; top:6%; right:16%;} #bgcircles.e4 {width:13px; height:13px; top:9%; right:9%;} #bgcircles.e5 {width:36px; height:36px; top:10%; right:12%;} #bgcircles.e6 {width:15px; height:15px; top:17%; right:12%;} #bgcircles.e7 {width:16px; height:16px; top:15%; right:9%;} #bgcircles.e8 {width:25px; height:25px; top:16%; right:7.5%;} #bgcircles.e9 {width:30px; height:30px; top:19%; right:6%;}
  109. #bgcircles.f1 {width:11px; height:11px; top:19%; right:2%;} #bgcircles.f2 {width:19px; height:19px; top:22%; right:3.5%;} #bgcircles.f3 {width:13px; height:13px; top:25%; right:6.5%;} #bgcircles.f4 {width:21px; height:21px; top:24%; right:2%;} #bgcircles.f5 {width:36px; height:36px; top:28%; right:2.5%;}
  110. #bgcircles.g1 {width:25px; height:25px; top:36%; right:-4px;} #bgcircles.g2 {width:15px; height:15px; top:34.5%; right:4.5%;} #bgcircles.g3 {width:15px; height:15px; top:37%; right:7%;} #bgcircles.g4 {width:29px; height:29px; top:43%; right:5%;} #bgcircles.g5 {width:17px; height:17px; top:45%; right:11%;} #bgcircles.g6 {width:42px; height:42px; top:38%; right:11%;} #bgcircles.g7 {width:22px; height:22px; top:32.5%; right:15.5%;}
  111. #bgcircles.h1 {width:29px; height:29px; top:5%; right:31%;} #bgcircles.h2 {width:17px; height:17px; top:3%; right:37%;} #bgcircles.h3 {width:6px; height:6px; top:4.25%; right:37%;} #bgcircles.h4 {width:4px; height:4px; top:5.5%; right:35.5%;} #bgcircles.h5 {width:3px; height:3px; top:3.5%; right:38%;} #bgcircles.h6 {width:1px; height:1px; top:4%; right:36%;}
  112. #bgcircles.i1 {width:17px; height:17px; top:40%; right:24%;} #bgcircles.i2 {width:11px; height:11px; top:43%; right:22%;} #bgcircles.i3 {width:8px; height:8px; top:37%; right:25.5%;} #bgcircles.i4 {width:6px; height:6px; top:43.5%; right:24.5%;} #bgcircles.i5 {width:5px; height:5px; top:40.5%; right:22%;}
  113. #bgcircles.j1 {width:27px; height:27px; bottom:44%; right:31%;} #bgcircles.j2 {width:18px; height:18px; bottom:42%; right:27.5%;} #bgcircles.j3 {width:14px; height:14px; bottom:49.5%; right:34%;} #bgcircles.j4 {width:10px; height:10px; bottom:41%; right:31%;} #bgcircles.j5 {width:9px; height:9px; bottom:47%; right:28.5%;}
  114. #bgcircles.k1 {width:26px; height:26px; top:29%; right:38%;} #bgcircles.k2 {width:18px; height:18px; top:33%; right:34.5%;} #bgcircles.k3 {width:13px; height:13px; top:25%; right:41%;} #bgcircles.k4 {width:10px; height:10px; top:34%; right:38%;} #bgcircles.k5 {width:9px; height:9px; top:29%; right:35%;}
  115. #bgcircles.l1 {width:27px; height:27px; top:31%; right:48%;} #bgcircles.l2 {width:18px; height:18px; top:35.5%; right:44%;} #bgcircles.l3 {width:14px; height:14px; top:27.5%; right:51%;} #bgcircles.l4 {width:11px; height:11px; top:35%; right:51%;} #bgcircles.l5 {width:9px; height:9px; top:31%; right:45%;}
  116.  
  117. #swirls {position:fixed; z-index:3; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border-style:solid; border-color:{color:Accent Dark};}
  118. #swirls.m02, #swirls.m04, #swirls.m06, #swirls.m08, #swirls.m10 {border-color:rgba({RGBcolor:Accent Light},0.3);}
  119. #swirls.m01, #swirls.m02 {width:116px; height:116px; border-width:3px; bottom:15%; right:62%; margin-right:250px;} #swirls.m03, #swirls.m04 {width:162px; height:162px; border-width:3px 0 0 9px; bottom:7%; right:62%; margin-right:250px;} #swirls.m05, #swirls.m06 {width:380px; height:380px; border-width:0 3px 6px 0; bottom:7%; right:62%; margin:0 226px -180px 0;} #swirls.m07, #swirls.m08 {width:170px; height:170px; border-width:0 9px 12px 0; right:62%; top:20%; margin-right:20px;} #swirls.m09, #swirls.m10 {width:90px; height:90px; border-width:7px 3px 0 4px; right:62%; top:24%; margin-right:70px;}
  120. #swirls.n02, #swirls.n04, #swirls.n06, #swirls.n08, #swirls.n10, #swirls.n12, #swirls.n14 {border-color:rgba({RGBcolor:Accent Light},0.4);}
  121. #swirls.n01, #swirls.n02 {width:400px; height:400px; border-width:0 0 3px 1px; top:-260px; right:62%; margin-right:250px;}
  122. #swirls.n03, #swirls.n04 {width:500px; height:500px; border-width:0 0 3px 6px; top:-400px; right:62%; margin-right:40px;}
  123. #swirls.n05, #swirls.n06 {width:600px; height:600px; border-width:0 0 4px 8px; top:-560px; right:62%; margin-right:20px;}
  124. #swirls.n07, #swirls.n08 {width:160px; height:160px; border-width:0 1px 4px 5px; top:-80px; right:62%; margin-right:350px;}
  125. #swirls.n09, #swirls.n10 {width:80px; height:80px; border-width:0 3px 0 0; top:-40px; right:62%; margin-right:400px;}
  126. #swirls.n11, #swirls.n12 {width:400px; height:400px; border-width:0 1px 6px 3px; top:-280px; right:62%; margin-right:-140px;}
  127. #swirls.n13, #swirls.n14 {width:120px; height:120px; border-width:0 1px 4px 4px; top:-80px; right:62%; margin-right:40px;}
  128.  
  129.  
  130.  
  131.  
  132.  
  133. /*********CONTENT*********/
  134. #content {padding:60px 0 60px; margin-left:38%; min-width:540px; position:relative; z-index:10;}
  135. #content #post {width:500px; padding:20px; margin:0 auto 60px; background-color:white;}
  136.  
  137. /***TITLES***/
  138. #content #post .title {width:580px; padding:7px 0; margin:0 -40px 10px; position:relative; background-color:{color:Post Title};}
  139. #content #post h1 {padding:5px 10px; margin:0; text-align:center; border-style:dashed; border-width:2px 0; border-color:{color:Accent Dark}; color:{color:Post Background};}
  140. #content #post h1 a {color:{color:Post Background};}
  141. #content #post h1 a:hover {color:rgba({RGBcolor:Post Background},0.6);}
  142. #content #post .title #back {width:0; height:0; position:absolute; bottom:-12px; border-style:solid;}
  143. #content #post .title #back.left1, #content #post .title #back.left2
  144. {left:0; border-width:0 20px 12px 0;}
  145. #content #post .title #back.right1, #content #post .title #back.right2
  146. {right:0; border-width: 0 0 12px 20px;}
  147. #content #post .title #back.left1, #content #post .title #back.right1
  148. {border-color:transparent {color:Post Title};}
  149. #content #post .title #back.left2, #content #post .title #back.right2
  150. {border-color:transparent rgba(0,0,0,0.2);}
  151.  
  152. /***POSTS***/
  153. #content #post #media {margin-bottom:10px; text-align:center;}
  154. #content #post #audio {margin-bottom:20px;}
  155. #content #post #audio .art {width:128px; height:128px; float:left; margin-right:20px; position:relative; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; border:solid 2px {color:Accent Dark}; background-color:{color:Post Title}; background-image: -ms-radial-gradient(right top, circle farthest-side, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%); background-image: -moz-radial-gradient(right top, circle farthest-side, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%); background-image: -o-radial-gradient(right top, circle farthest-side, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-gradient(radial, right top, 0, right top, 973, color-stop(0, rgba(255,255,255,1)), color-stop(1, rgba(0,0,0,0))); background-image: -webkit-radial-gradient(right top, circle farthest-side, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%); background-image: radial-gradient(circle farthest-side at right top, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);}
  156. #content #post #audio .art img {width:128px; height:128px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
  157. #content #post #audio .art .play {padding:6px; background-color:white; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; top:46px; left:46px; opacity:0.6;}
  158. #content #post #audio .art:hover .play {opacity:1;}
  159. #content #post #audio .art .play .button {width:27px; height:27px; overflow:hidden;}
  160. #content #post .question {font-size:11px; font-weight:normal;}
  161.  
  162.  
  163.  
  164.  
  165. /***FOOTERS***/
  166. #content #post #footer {margin:20px -5px -3px; width:510px; border-collapse:collapse; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:rgba({RGBcolor:Post Text},0.25);}
  167. #content #post #footer td {padding:2px 5px;}
  168. #content #post #footer a {color:{color:Post Text};}
  169. #content #post #footer a:hover {color:rgba({RGBcolor:Post Text},0.6);}
  170.  
  171. #notecontainer {width:540px; margin:-40px auto 0; color:{color:Post Background};}
  172. #notecontainer a {font-weight:bold; color:{color:Post Background};}
  173. #notecontainer a:hover {color:rgba({RGBcolor:Post Background},0.6);}
  174. #notecontainer ol {list-style-type:none; margin:0; padding:0;}
  175. #notecontainer li {margin-bottom:4px;}
  176. #notecontainer img.avatar {width:16px; height:16px; margin-right:5px; position:relative; top:4px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
  177. #notecontainer blockquote {margin:3px 0 0 40px; border-color:{color:Post Background};}
  178. #notecontainer blockquote a {font-weight:normal;}
  179.  
  180.  
  181. #pagination {text-align:center; font-size:20px; font-weight:bold; color:{color:Post Background}; text-shadow:-1px 1px 0 {color:Accent Dark};}
  182. #pagination a {color:{color:Post Background};}
  183.  
  184.  
  185. /***OTHER***/
  186. a.credit {display:block; width:24px; height:24px; position:fixed; bottom:5px; right:5px; z-index:99; background:url(https://static.tumblr.com/1b424551fa0cf765c96000625d8333e7/ar04e8q/IXcpog6eu/tumblr_static_72okfia78oowwkwww8wswk0oc.png) no-repeat; opacity:0.2;}
  187. a.credit:hover {opacity:0.4;}
  188.  
  189.  
  190. {CustomCSS}
  191.  
  192. </style>
  193.  
  194. <!--[if IE]>
  195. <style type="text/css">
  196. #background {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{color:Background Dark}', endColorstr='{color:Background Light}');}
  197. #bobbles .circle {display:block;}
  198. #bobbles #hook {border-color:{color:Accent Dark};}
  199. #bobbles #string {background-color:{color:Accent Dark};}
  200. #bobbles .two {display:none;}
  201. #bobble_two #links .links a:hover {background-color:{color:Accent Light}; color:{color:Accent Dark};}
  202. </style>
  203. <![endif]-->
  204.  
  205. {block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  206.  
  207. </head>
  208. <body>
  209. <div id="background"></div>
  210. <a href="https://themesbyeris.tumblr.com/" class="credit" title="themes by eris"></a>
  211. <!-- Do not remove the credit -->
  212.  
  213. <div id="bobbles">
  214. <div id="bobble_one"><div id="circle"><span class="circle"></span><div id="description"><span class="description">{Description}</span></div></div><span class="top"></span><span id="hook"></span><span id="hook" class="two"></span><span id="string"></span><span id="string" class="two"></span></div>
  215.  
  216. <div id="bobble_two"><div id="circle"><span class="circle"></span><div id="links"><span class="links">
  217. <a href="/">Home</a>{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}</span></div></div><span class="top"></span><span id="hook"></span><span id="hook" class="two"></span><span id="string"></span><span id="string" class="two"></span></div>
  218.  
  219. <div id="bobble_three"><div id="circle"><span class="circle"></span><div id="quote"><span class="quote">{text:Bottom Bobble}</span></div></div><span class="top"></span><span id="hook"></span><span id="hook" class="two"></span><span id="string"></span><span id="string" class="two"></span></div>
  220. </div> <!--bobbles-->
  221.  
  222. <span id="bgcircles" class="a1"></span><span id="bgcircles" class="a2"></span><span id="bgcircles" class="a3"></span><span id="bgcircles" class="a4"></span><span id="bgcircles" class="a5"></span><span id="bgcircles" class="a6"></span><span id="bgcircles" class="a7"></span>
  223. <span id="bgcircles" class="b1"></span><span id="bgcircles" class="b2"></span><span id="bgcircles" class="b3"></span><span id="bgcircles" class="b4"></span><span id="bgcircles" class="b5"></span><span id="bgcircles" class="b6"></span><span id="bgcircles" class="b7"></span>
  224. <span id="bgcircles" class="c1"></span><span id="bgcircles" class="c2"></span><span id="bgcircles" class="c3"></span><span id="bgcircles" class="c4"></span><span id="bgcircles" class="c5"></span>
  225. <span id="bgcircles" class="d1"></span><span id="bgcircles" class="d2"></span><span id="bgcircles" class="d3"></span><span id="bgcircles" class="d4"></span><span id="bgcircles" class="d5"></span><span id="bgcircles" class="d6"></span><span id="bgcircles" class="d7"></span>
  226. <span id="bgcircles" class="e1"></span><span id="bgcircles" class="e2"></span><span id="bgcircles" class="e3"></span><span id="bgcircles" class="e4"></span><span id="bgcircles" class="e5"></span><span id="bgcircles" class="e6"></span><span id="bgcircles" class="e7"></span><span id="bgcircles" class="e8"></span><span id="bgcircles" class="e9"></span>
  227. <span id="bgcircles" class="f1"></span><span id="bgcircles" class="f2"></span><span id="bgcircles" class="f3"></span><span id="bgcircles" class="f4"></span><span id="bgcircles" class="f5"></span>
  228. <span id="bgcircles" class="g1"></span><span id="bgcircles" class="g2"></span><span id="bgcircles" class="g3"></span><span id="bgcircles" class="g4"></span><span id="bgcircles" class="g5"></span><span id="bgcircles" class="g6"></span><span id="bgcircles" class="g7"></span>
  229. <span id="bgcircles" class="h1"></span><span id="bgcircles" class="h2"></span><span id="bgcircles" class="h3"></span><span id="bgcircles" class="h4"></span><span id="bgcircles" class="h5"></span><span id="bgcircles" class="h6"></span>
  230. <span id="bgcircles" class="i1"></span><span id="bgcircles" class="i2"></span><span id="bgcircles" class="i3"></span><span id="bgcircles" class="i4"></span><span id="bgcircles" class="i5"></span>
  231. <span id="bgcircles" class="j1"></span><span id="bgcircles" class="j2"></span><span id="bgcircles" class="j3"></span><span id="bgcircles" class="j4"></span><span id="bgcircles" class="j5"></span>
  232. <span id="bgcircles" class="k1"></span><span id="bgcircles" class="k2"></span><span id="bgcircles" class="k3"></span><span id="bgcircles" class="k4"></span><span id="bgcircles" class="k5"></span>
  233. <span id="bgcircles" class="l1"></span><span id="bgcircles" class="l2"></span><span id="bgcircles" class="l3"></span><span id="bgcircles" class="l4"></span><span id="bgcircles" class="l5"></span>
  234.  
  235. <span id="swirls" class="m01"></span><span id="swirls" class="m02"></span><span id="swirls" class="m03"></span><span id="swirls" class="m04"></span><span id="swirls" class="m05"></span><span id="swirls" class="m06"></span><span id="swirls" class="m07"></span><span id="swirls" class="m08"></span><span id="swirls" class="m09"></span><span id="swirls" class="m10"></span>
  236. <span id="swirls" class="n01"></span><span id="swirls" class="n02"></span><span id="swirls" class="n03"></span><span id="swirls" class="n04"></span><span id="swirls" class="n05"></span><span id="swirls" class="n06"></span><span id="swirls" class="n07"></span><span id="swirls" class="n08"></span><span id="swirls" class="n09"></span><span id="swirls" class="n10"></span><span id="swirls" class="n11"></span><span id="swirls" class="n12"></span><span id="swirls" class="n13"></span><span id="swirls" class="n14"></span>
  237.  
  238.  
  239.  
  240. <div id="content">
  241. <div class="autopagerize_page_element">
  242. {block:Posts}
  243. <div id="post">
  244.  
  245. {block:Photo}
  246. <div id="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  247. {block:Caption}{Caption}{/block:Caption}
  248. {/block:Photo}
  249.  
  250. {block:Photoset}
  251. <div id="media">{Photoset-500}</div>
  252. {block:Caption}{Caption}{/block:Caption}
  253. {/block:Photoset}
  254.  
  255. {block:Video}
  256. <div id="media">{Video-500}</div>
  257. {block:Caption}{Caption}{/block:Caption}
  258. {/block:Video}
  259.  
  260. {block:Audio}
  261. <div id="audio">
  262. <div class="art">
  263. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  264. <div class="play"><div class="button">{AudioPlayerWhite}</div></div>
  265. </div>
  266. {block:Artist}<strong>Artist:</strong>&nbsp;{Artist}<br />{/block:Artist}
  267. {block:Album}<strong>Album:</strong>&nbsp;{Album}<br />{/block:Album}
  268. {block:TrackName}<strong>Track Name:</strong>&nbsp;{TrackName}<br />{/block:TrackName}
  269. {block:PlayCount}<strong>Play Count:</strong>&nbsp;{FormattedPlayCount}{/block:PlayCount}
  270. <br class="clear" />
  271. </div>
  272. {block:Caption}{Caption}{/block:Caption}
  273. {/block:Audio}
  274.  
  275. {block:Quote}
  276. <div class="title"><h1>“{Quote}”</h1><span id="back" class="left1"></span><span id="back" class="right1"></span><span id="back" class="left2"></span><span id="back" class="right2"></span></div>
  277. {block:Source}<br />{lang:Source}:&nbsp;{Source}{/block:Source}
  278. {/block:Quote}
  279.  
  280. {block:Text}
  281. {block:Title}<div class="title"><h1>{Title}</h1><span id="back" class="left1"></span><span id="back" class="right1"></span><span id="back" class="left2"></span><span id="back" class="right2"></span></div>{/block:Title}
  282. {Body}
  283. {/block:Text}
  284.  
  285. {block:Answer}
  286. <div class="title"><h1>{Asker} asked:<div class="question">{Question}</div></h1><span id="back" class="left1"></span><span id="back" class="right1"></span><span id="back" class="left2"></span><span id="back" class="right2"></span></div>
  287. {Answer}
  288. {block:Answer}
  289.  
  290. {block:Chat}
  291. {block:Title}<div class="title"><h1>{Title}</h1><span id="back" class="left1"></span><span id="back" class="right1"></span><span id="back" class="left2"></span><span id="back" class="right2"></span></div>{/block:Title}
  292. {block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />{/block:Lines}
  293. {/block:Chat}
  294.  
  295. {block:Link}
  296. <div class="title"><h1><a href="{URL}" {Target}>{Name}</a></h1><span id="back" class="left1"></span><span id="back" class="right1"></span><span id="back" class="left2"></span><span id="back" class="right2"></span></div>
  297. {block:Description}{Description}{/block:Description}
  298. {/block:Link}
  299.  
  300. {block:Date}
  301. <table id="footer"><tr><td>
  302. <a href="{Permalink}">{lang:TimeAgo with NoteCount notes}</a>
  303. </td><td style="text-align:right;">
  304. {block:RebloggedFrom}From:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}&nbsp;&nbsp;&nbsp;{/block:ContentSource}{/block:RebloggedFrom}
  305. {block:ContentSource}Via:&nbsp;<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  306. </td></tr>
  307. {block:HasTags}<tr><td colspan="2">
  308. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}
  309. </td></tr>{/block:HasTags}
  310. </table> <!--footer-->
  311. {/block:Date}
  312.  
  313. </div> <!--post-->
  314. {/block:Posts}
  315. </div> <!--autopagerize_page_element-->
  316.  
  317. {block:PostNotes}
  318. <div id="notecontainer">{PostNotes-16}</div>
  319. {/block:PostNotes}
  320.  
  321. {block:IfNotInfiniteScroll}
  322. {block:Pagination}
  323. <div id="pagination">
  324. {block:PreviousPage}
  325. <a href="{PreviousPage}">{lang:Previous}</a>
  326. {block:NextPage}&nbsp;&nbsp;&#149;&nbsp;&nbsp;{/block:NextPage}
  327. {/block:PreviousPage}
  328. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  329. </div> <!--pagination-->
  330. {/block:Pagination}
  331. {/block:IfNotInfiniteScroll}
  332.  
  333. </div> <!--content-->
  334.  
  335.  
  336. </body>
  337. </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!