View difference between Paste ID: hP0hwTzt and ryehXMuS
SHOW: | | - or go back to the newest paste.
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
17
18
<meta name="color:Background" content="#530b0b" />
19
<meta name="color:Borders" content="#530b0b" />
20
<meta name="color:Links" content="#8c0000" />
21
22
<meta name="image:Sidebar Image" content="" />
23
24
<meta name="if:Infinite Scroll" content="0" />
25
<meta name="if:Show Archive Link" content="0" />
26
<meta name="if:Like Button" content="1" />
27
<meta name="if:Reblog Button" content="1" />
28
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
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
37
38
<style type="text/css">
39
40-
body {color:#000000; font-family:Arial,sans-serif; font-size:12px; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0; background:{color:Background} url(https://25.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) fixed center top;}
40+
body {color:#000000; font-family:Arial,sans-serif; font-size:12px; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0; background:{color:Background} url(http://25.media.tumblr.com/6bbf894be6415690514bc6edbf7d7eae/tumblr_msnoy3wzh61shpaqho1_1280.png) fixed center top;}
41
42
img {max-width:100%; border:0;}
43
a {text-decoration:none; color:{color:Links};}
44
a:hover {text-decoration:none; color:rgba({RGBcolor:Links},0.6);}
45
h1 {font:normal 32px 'Lobster'; margin:0 0 10px;}
46
ol {list-style-type:upper-roman; margin:3px 0 3px -15px;}
47
ul {margin:3px 0 3px -15px;}
48
blockquote {margin:-8px 0 0 10px; padding:0 0 0 10px; border-left:solid 1px #000000;}
49
.clear {clear:both;}
50
51
52
53
/***hook and weight***/
54-
#hook {background:url(https://media.tumblr.com/ecd5f9ff15303128ae7e7ff03f7f360e/tumblr_inline_msnpzuxxzz1qz4rgp.png) no-repeat right top; width:43px; height:64px; position:fixed; right:0; top:20px; z-index:3;}
54+
#hook {background:url(http://media.tumblr.com/ecd5f9ff15303128ae7e7ff03f7f360e/tumblr_inline_msnpzuxxzz1qz4rgp.png) no-repeat right top; width:43px; height:64px; position:fixed; right:0; top:20px; z-index:3;}
55
56
#weight {width:121px; height:271px; position:fixed; right:-2px; bottom:0; z-index:4;}
57-
#weight .main {background-image:url(https://25.media.tumblr.com/71dccdeb0accb8f60293490288c6dce7/tumblr_msnoy3wzh61shpaqho2_250.png); width:100%; height:100%; position:relative; top:156px;}
57+
#weight .main {background-image:url(http://25.media.tumblr.com/71dccdeb0accb8f60293490288c6dce7/tumblr_msnoy3wzh61shpaqho2_250.png); width:100%; height:100%; position:relative; top:156px;}
58
59-
#hook .chain, #weight .chain {background:url(https://media.tumblr.com/08f77afe0c0d80d0e59d303059484cfd/tumblr_inline_msnq0aSYG71qz4rgp.png) repeat-y center bottom; width:6px; height:1000px; position:absolute;}
59+
#hook .chain, #weight .chain {background:url(http://media.tumblr.com/08f77afe0c0d80d0e59d303059484cfd/tumblr_inline_msnq0aSYG71qz4rgp.png) repeat-y center bottom; width:6px; height:1000px; position:absolute;}
60
#hook .chain {left:6px; bottom:34px;} 
61
#weight .chain {left:54px; bottom:60px;}
62
63-
#weightshadow  {background-image:url(https://25.media.tumblr.com/35f78e946cde0f4b2029fcfbe5e07498/tumblr_msnoy3wzh61shpaqho3_250.png); width:121px; height:271px; position:fixed; right:-62px; bottom:-236px; opacity:0.25; z-index:1;}
63+
#weightshadow  {background-image:url(http://25.media.tumblr.com/35f78e946cde0f4b2029fcfbe5e07498/tumblr_msnoy3wzh61shpaqho3_250.png); width:121px; height:271px; position:fixed; right:-62px; bottom:-236px; opacity:0.25; z-index:1;}
64-
#weightshadow .chain {background:url(https://media.tumblr.com/73d074afa4cfbc93aa79476cb6687fc8/tumblr_inline_msnq0fGiX61qz4rgp.png) repeat-y center bottom; width:12px; height:1000px; position:absolute; left:51px; bottom:121px;}
64+
#weightshadow .chain {background:url(http://media.tumblr.com/73d074afa4cfbc93aa79476cb6687fc8/tumblr_inline_msnq0fGiX61qz4rgp.png) repeat-y center bottom; width:12px; height:1000px; position:absolute; left:51px; bottom:121px;}
65
66
67
68
/***Large Cog***/
69
#largecog {height:100%; width:450px; position:fixed; left:50%; top:0; z-index:5;}
70
71
#cog4 {width:312px; height:312px; position:absolute; bottom:50%; right:142px; margin-bottom:-56px; z-index:1; -moz-transform:rotate(8deg); -webkit-transform:rotate(8deg); -o-transform:rotate(8deg); -ms-transform:rotate(8deg);}
72
73
#cog3a, #cog3b {width:148px; height:148px; position:absolute; bottom:50%; right:224px; margin-bottom:26px; z-index:2; -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg);}
74
#cog3b {-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);}
75
76
77
78
79
/***RIGHT***/
80
#right {height:100%; width:320px; position:fixed; left:50%; top:0; margin-left:130px; z-index:7;}
81
#rightshadow {height:100%; width:320px; position:fixed; left:50%; top:0; margin:80px 0 0 190px; z-index:2; opacity:0.25;}
82
83
84
/*turning chains*/
85
#mfchain {width:26px; height:50%; position:absolute; bottom:50%; right:245px; margin-bottom:260px; z-index:11;}
86-
#mfchain #mfchainleft, #mfchain #mfchainright {background-image:url(https://media.tumblr.com/08f77afe0c0d80d0e59d303059484cfd/tumblr_inline_msnq0aSYG71qz4rgp.png); width:6px; height:100%; position:absolute; bottom:0; z-index:4;}
86+
#mfchain #mfchainleft, #mfchain #mfchainright {background-image:url(http://media.tumblr.com/08f77afe0c0d80d0e59d303059484cfd/tumblr_inline_msnq0aSYG71qz4rgp.png); width:6px; height:100%; position:absolute; bottom:0; z-index:4;}
87
#mfchain #mfchainleft {left:0;}
88
#mfchain #mfchainright {right:0;}
89
90
#mfschain {width:32px; height:50%; position:absolute; bottom:50%; right:245px; margin:0 -3px 260px 0;}
91-
#mfschain #mfschainleft, #mfschain #mfschainright {background-image:url(https://media.tumblr.com/73d074afa4cfbc93aa79476cb6687fc8/tumblr_inline_msnq0fGiX61qz4rgp.png); width:12px; height:100%; position:absolute; bottom:0;}
91+
#mfschain #mfschainleft, #mfschain #mfschainright {background-image:url(http://media.tumblr.com/73d074afa4cfbc93aa79476cb6687fc8/tumblr_inline_msnq0fGiX61qz4rgp.png); width:12px; height:100%; position:absolute; bottom:0;}
92
#mfschain #mfschainleft {left:0;}
93
#mfschain #mfschainright {right:0;}
94
95
#mfspin {width:38px; height:38px; position:absolute; bottom:-20px; left:-6px;}
96
#mfspin .bottomlayer, #mfspin #mfmiddle, #mfspin .toplayer {width:100%; height:100%; position:absolute; top:0;}
97-
#mfspin .bottomlayer {background-image:url(https://media.tumblr.com/a0e26aa42223f40db6ad46b2536eecb5/tumblr_inline_msnq0sd7GQ1qz4rgp.png); z-index:1;}
97+
#mfspin .bottomlayer {background-image:url(http://media.tumblr.com/a0e26aa42223f40db6ad46b2536eecb5/tumblr_inline_msnq0sd7GQ1qz4rgp.png); z-index:1;}
98-
#mfspin #mfmiddle {background-image:url(https://media.tumblr.com/c1318ca1906e5f5ee48929c4d47286a4/tumblr_inline_msnq0yO6Ma1qz4rgp.png); z-index:2; -moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); -ms-transform:rotate(15deg);}
98+
#mfspin #mfmiddle {background-image:url(http://media.tumblr.com/c1318ca1906e5f5ee48929c4d47286a4/tumblr_inline_msnq0yO6Ma1qz4rgp.png); z-index:2; -moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); -ms-transform:rotate(15deg);}
99-
#mfspin .toplayer {background-image:url(https://media.tumblr.com/7d57abafaaca42f0ce2f519ddfb224ea/tumblr_inline_msnq13Ctqs1qz4rgp.png); z-index:3;}
99+
#mfspin .toplayer {background-image:url(http://media.tumblr.com/7d57abafaaca42f0ce2f519ddfb224ea/tumblr_inline_msnq13Ctqs1qz4rgp.png); z-index:3;}
100-
#mfcover {width:38px; height:38px; position:absolute; bottom:-20px; left:-6px; background-image:url(https://media.tumblr.com/f521b1840e298ea6a59028758e8d94c4/tumblr_inline_msnq19a0ii1qz4rgp.png); z-index:5;}
100+
#mfcover {width:38px; height:38px; position:absolute; bottom:-20px; left:-6px; background-image:url(http://media.tumblr.com/f521b1840e298ea6a59028758e8d94c4/tumblr_inline_msnq19a0ii1qz4rgp.png); z-index:5;}
101
102
103
/*cog2*/
104
#cog1a, #cog1b {width:92px; height:92px; position:absolute; bottom:50%; right:212px; margin-bottom:213px; z-index:10; -moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); -ms-transform:rotate(15deg);}
105
106
#cog2a, #cog2b, #cog2c {width:92px; height:92px; position:absolute; bottom:50%; right:182px; margin-bottom:140px; z-index:9; -moz-transform:rotate(6deg); -webkit-transform:rotate(6deg); -o-transform:rotate(6deg); -ms-transform:rotate(6deg);} 
107
108
#cog1b, #cog2b {-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);}
109
110
111
112
/***Sidebar***/
113-
#side {width:318px; height:565px; position:absolute; top:50%; right:0; z-index:8; margin-top:-278px; background:url(https://25.media.tumblr.com/fad35f9c2c77c7fdf456a232e179b1ce/tumblr_msnoy3wzh61shpaqho4_400.png) no-repeat center center;}
113+
#side {width:318px; height:565px; position:absolute; top:50%; right:0; z-index:8; margin-top:-278px; background:url(http://25.media.tumblr.com/fad35f9c2c77c7fdf456a232e179b1ce/tumblr_msnoy3wzh61shpaqho4_400.png) no-repeat center center;}
114
#sideshadow {width:371px; height:579px; position:absolute; top:50%; right:-5px; margin-top:-283px;}
115
116
#side a.avatar {display:block; width:115px; height:115px; position:absolute; top:20px; right:15px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden; background:url({PortraitURL-128}) no-repeat center center; background-size:cover;}
117
#side a.avatar img {display:block; width:115px; height:115px;}
118
119
120
/*Sidebar Description*/
121
#side .description {height:205px; width:165px; margin:20px; padding:10px; position:absolute; bottom:0px; left:15px; overflow-y:auto; border:solid 3px #4c1f12; border-color:rgba(0,0,0,0.5) rgba(255,255,255,0.2) rgba(255,255,255,0.25) rgba(0,0,0,0.4); background-color:rgba(0,0,0,0.2); color:#dedbd8;}
122
#side .description h1 {font:normal normal 16px 'Lobster','Georgia Italic',Georgia,serif; margin-bottom:0;}
123
#side .description a {color:#9f8a66;}
124
#side .description a:hover {color:#554126;}
125
#side .description::-webkit-scrollbar {width:12px;}
126
#side .description::-webkit-scrollbar-thumb {background-color:#554126; border-radius:10px; -webkit-box-shadow:inset 3px 5px 6px #9f8a66;}
127
128
/*Sidebar Description - Divider*/
129-
#side .description .divider {width:100%; height:7px; margin:7px 0; background:url(https://media.tumblr.com/6f3f6a54e07cdfa9ab0720dc5ba534fb/tumblr_inline_msnr9kL0DM1qz4rgp.png) no-repeat center center;}
129+
#side .description .divider {width:100%; height:7px; margin:7px 0; background:url(http://media.tumblr.com/6f3f6a54e07cdfa9ab0720dc5ba534fb/tumblr_inline_msnr9kL0DM1qz4rgp.png) no-repeat center center;}
130
131
132
/*Sidebar Description - Extra Links*/
133
#side .description ol.desclinks {list-style-type:upper-roman; margin-top:-6px;}
134
#side .description ol.desclinks li a {color:#dedbd8;}
135
#side .description ol.desclinks li a:hover {color:#9f8a66;}
136
#side .description .desclinks li:nth-child(1),
137
#side .description .desclinks li:nth-child(2),
138
#side .description .desclinks li:nth-child(3),
139
#side .description .desclinks li:nth-child(4),
140
#side .description .desclinks li:nth-child(5),
141
#side .description .desclinks li:nth-child(6) {display:none;}
142
143
/*Sidebar Buttons*/
144
#side .buttonlinks {width:50px; position:absolute; bottom:0; right:23px;}
145-
#side .buttonlinks span {width:100%; height:35px; margin-top:10px; background:url(https://static.tumblr.com/701c271264c9df5b466406d84945bd86/ar04e8q/25Uouz3qm/tumblr_static_5f4lh4793ls04w00wog4ksk4c.png) no-repeat center center;}
145+
#side .buttonlinks span {width:100%; height:35px; margin-top:10px; background:url(http://static.tumblr.com/701c271264c9df5b466406d84945bd86/ar04e8q/25Uouz3qm/tumblr_static_5f4lh4793ls04w00wog4ksk4c.png) no-repeat center center;}
146
#side .buttonlinks span:hover {position:relative; top:1px;}
147
#side .buttonlinks span a {display:block; width:35px; height:25px; margin-left:15px; padding:7px 0; color:#ffffff; text-align:center; font:20px 'Times New Roman',Times; text-decoration:none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; box-shadow:55px 80px 5px rgba(0,0,0,0.25);}
148
149
#side .buttonlinks span {display:none;}
150
#side .buttonlinks span:nth-child(1),
151
#side .buttonlinks span:nth-child(2),
152
#side .buttonlinks span:nth-child(3),
153
#side .buttonlinks span:nth-child(4),
154
#side .buttonlinks span:nth-child(5),
155
#side .buttonlinks span:nth-child(6)
156
{display:block;}
157
158
#side .buttonlinks span:nth-child(1) a:before,
159
#side .buttonlinks span:nth-child(2) a:before,
160
#side .buttonlinks span:nth-child(3) a:before,
161
#side .buttonlinks span:nth-child(4) a:before,
162
#side .buttonlinks span:nth-child(5) a:before,
163
#side .buttonlinks span:nth-child(6) a:before
164
{display:block; position:absolute;}
165
166
#side .buttonlinks span:nth-child(1) a:before {content:"I"; right:15px;}
167
#side .buttonlinks span:nth-child(2) a:before {content:"II"; right:12px;}
168
#side .buttonlinks span:nth-child(3) a:before {content:"III"; right:9px;}
169
#side .buttonlinks span:nth-child(4) a:before {content:"IV"; right:8px;}
170
#side .buttonlinks span:nth-child(5) a:before {content:"V"; right:11px;}
171
#side .buttonlinks span:nth-child(6) a:before {content:"VI"; right:8px;}
172
173
174
175
/***LEFT***/
176-
#content {width:560px; margin:140px auto 100px; position:relative; right:150px; z-index:6; background:url(https://static.tumblr.com/26081dcf706d3bdbfb89551838f29f90/ar04e8q/ab7ouz3qm/tumblr_static_50dhqhtcrwo4w00088co8cc8o.png) repeat-y 124px 4px;}
176+
#content {width:560px; margin:140px auto 100px; position:relative; right:150px; z-index:6; background:url(http://static.tumblr.com/26081dcf706d3bdbfb89551838f29f90/ar04e8q/ab7ouz3qm/tumblr_static_50dhqhtcrwo4w00088co8cc8o.png) repeat-y 124px 4px;}
177
#content img.bgtop {display:block; width:300px; height:111px; position:absolute; z-index:1; top:-111px; left:126px;}
178
#content img.bgbottom {display:block; width:302px; height:13px; position:absolute; z-index:1; bottom:-13px; left:123px;  box-shadow:60px 80px 5px rgba(0,0,0,0.25);}
179
180
/*Posts*/
181-
#post {width:556px; padding:2px; margin:0 0 75px; background:#e6e5e3 url(https://25.media.tumblr.com/8a4396e8b05782acd58e83023088d89c/tumblr_msnoy3wzh61shpaqho6_1280.jpg) repeat center top; position:relative; z-index:3; color:#000000; box-shadow:60px 80px 5px rgba(0,0,0,0.25);}
181+
#post {width:556px; padding:2px; margin:0 0 75px; background:#e6e5e3 url(http://25.media.tumblr.com/8a4396e8b05782acd58e83023088d89c/tumblr_msnoy3wzh61shpaqho6_1280.jpg) repeat center top; position:relative; z-index:3; color:#000000; box-shadow:60px 80px 5px rgba(0,0,0,0.25);}
182-
#post:after {content:url(https://static.tumblr.com/f0459eba5f16bcf9a939701ba6838493/ar04e8q/hbsouz2sp/tumblr_static_bgayoww7h3scs8s0c8scc4gg4.png); width:316px; height:13px; position:absolute; bottom:-13px; left:124px;}
182+
#post:after {content:url(http://static.tumblr.com/f0459eba5f16bcf9a939701ba6838493/ar04e8q/hbsouz2sp/tumblr_static_bgayoww7h3scs8s0c8scc4gg4.png); width:316px; height:13px; position:absolute; bottom:-13px; left:124px;}
183
#post:last-child {margin:0;}
184
#post:last-child:after {content:none;}
185
186
/*Post Frames*/
187
#post #frame {padding:17px; position:relative; border:solid 11px {color:Borders};}
188-
#post #frame .frametop {height:21px; width:560px; background:url(https://25.media.tumblr.com/e4d66ca194a08a5af15af346c0250208/tumblr_msnoy3wzh61shpaqho8_1280.png) no-repeat center top; position:absolute; top:-13px; left:-13px;}
188+
#post #frame .frametop {height:21px; width:560px; background:url(http://25.media.tumblr.com/e4d66ca194a08a5af15af346c0250208/tumblr_msnoy3wzh61shpaqho8_1280.png) no-repeat center top; position:absolute; top:-13px; left:-13px;}
189-
#post #frame .framebottom {height:17px; width:560px; background:url(https://static.tumblr.com/2c21bc47f91d80eca4d9bc7740bf65b0/ar04e8q/3dAouz2ux/tumblr_static_ejofrds8tag44g4okok0kwogc.png) no-repeat center top; position:absolute; bottom:-13px; left:-13px;}
189+
#post #frame .framebottom {height:17px; width:560px; background:url(http://static.tumblr.com/2c21bc47f91d80eca4d9bc7740bf65b0/ar04e8q/3dAouz2ux/tumblr_static_ejofrds8tag44g4okok0kwogc.png) no-repeat center top; position:absolute; bottom:-13px; left:-13px;}
190
#post #frame .frameleft, #post #frame .frameright {width:20px; height:100%; position:absolute; top:0;}
191-
#post #frame .frameleft {left:-13px; background:url(https://media.tumblr.com/5e92297a96c1e5e323006432d7f336bf/tumblr_inline_msnq2zjETS1qz4rgp.png) repeat-y left top;}
191+
#post #frame .frameleft {left:-13px; background:url(http://media.tumblr.com/5e92297a96c1e5e323006432d7f336bf/tumblr_inline_msnq2zjETS1qz4rgp.png) repeat-y left top;}
192-
#post #frame .frameright {right:-13px; background:url(https://media.tumblr.com/b538a9aebfae9197b0f6a9ebcac481c1/tumblr_inline_msnq36bsLK1qz4rgp.png) repeat-y right top;}
192+
#post #frame .frameright {right:-13px; background:url(http://media.tumblr.com/b538a9aebfae9197b0f6a9ebcac481c1/tumblr_inline_msnq36bsLK1qz4rgp.png) repeat-y right top;}
193
194
/*Post Top - timestamp + like/reblog/permalink*/
195
#post #permagap {width:100%; height:30px;}
196
197
#post #buttons {height:53px; width:174px; position:absolute; top:-29px; right:9px; text-align:right; z-index:2;}
198-
#post #buttons a {display:inline-block; height:53px; width:53px; margin-right:2px; background:url(https://media.tumblr.com/e924cde49fe39ba6d70f28eb2ff64cfa/tumblr_inline_msnq3lCPnn1qz4rgp.png) no-repeat left top; position:relative;}
198+
#post #buttons a {display:inline-block; height:53px; width:53px; margin-right:2px; background:url(http://media.tumblr.com/e924cde49fe39ba6d70f28eb2ff64cfa/tumblr_inline_msnq3lCPnn1qz4rgp.png) no-repeat left top; position:relative;}
199
#post #buttons a:hover {top:1px;}
200
#post #buttons .like {position:relative; top:-16px; height:42px; width:38px; padding:11px 15px 0 0;}
201
#post #buttons .like:hover {top:-15px;}
202
#post #buttons .reblog:before, #post #buttons .permalink:before {width:23px; height:21px; position:absolute;}
203-
#post #buttons .reblog:before {content:url(https://media.tumblr.com/16f0b46736348f269cd7b2ce1fdd7f47/tumblr_inline_msnq42QGv81qz4rgp.png); top:13px; left:13px;}
203+
#post #buttons .reblog:before {content:url(http://media.tumblr.com/16f0b46736348f269cd7b2ce1fdd7f47/tumblr_inline_msnq42QGv81qz4rgp.png); top:13px; left:13px;}
204-
#post #buttons .permalink:before {content:url(https://media.tumblr.com/fb0b30a8a83938207f9f8418495e777e/tumblr_inline_msoul0kP3z1qz4rgp.png); top:11px; left:12px;}
204+
#post #buttons .permalink:before {content:url(http://media.tumblr.com/fb0b30a8a83938207f9f8418495e777e/tumblr_inline_msoul0kP3z1qz4rgp.png); top:11px; left:12px;}
205
206-
#post #timestamp {width:227px; height:105px; position:absolute; top:-64px; left:12px; background:url(https://static.tumblr.com/dc0d48116fc56c9dd11b7f3f2ee963c4/ar04e8q/8lsouz30x/tumblr_static_bvpwzhsovk00gsg08s4skg4og.png) no-repeat left top; z-index:2;}
206+
#post #timestamp {width:227px; height:105px; position:absolute; top:-64px; left:12px; background:url(http://static.tumblr.com/dc0d48116fc56c9dd11b7f3f2ee963c4/ar04e8q/8lsouz30x/tumblr_static_bvpwzhsovk00gsg08s4skg4og.png) no-repeat left top; z-index:2;}
207
#post #timestamp .clockparts {width:40px; height:40px; position:absolute; top:38px; left:59px; box-shadow:none;}
208
#post #timestamp .time, #timestamp .date {display:block; color:#ffffff; font:bold 15px 'Courier New'; text-align:center; margin:0 8px 0 110px; white-space:nowrap;}
209
#post #timestamp .time {margin-top:43px;}
210
#post #timestamp .date {font-size:10px;}
211
212
/*Post Bottom - via/root/src + notecount*/
213
#post #footerbuttons {height:43px; position:absolute; bottom:-29px; left:20px; z-index:2;}
214-
#post #footerbuttons a {display:inline-block; height:21px; width:31px; padding:11px 8px 11px 4px; margin-right:-2px; background:url(https://media.tumblr.com/d95f83b1b1557507a92e905532ea9a13/tumblr_inline_msnq55U1DM1qz4rgp.png) no-repeat left top; position:relative; text-align:center; color:#ffffff; font:11px 'Courier New';  text-decoration:none;}
214+
#post #footerbuttons a {display:inline-block; height:21px; width:31px; padding:11px 8px 11px 4px; margin-right:-2px; background:url(http://media.tumblr.com/d95f83b1b1557507a92e905532ea9a13/tumblr_inline_msnq55U1DM1qz4rgp.png) no-repeat left top; position:relative; text-align:center; color:#ffffff; font:11px 'Courier New';  text-decoration:none;}
215
#post #footerbuttons a:hover {top:1px;}
216
217
#post #notecount {height:36px; width:250px; position:absolute; bottom:-23px; right:20px; padding:1px 24px 0 20px; z-index:2;}
218-
#post #notecount a {float:right; display:block; position:relative; height:24px; padding-top:11px; background:black url(https://media.tumblr.com/b691cac93e8e714e6a92cd6a65b9a1ef/tumblr_inline_msnq5ioR1l1qz4rgp.png) center bottom; color:white; font:bold 11px 'Courier New'; white-space:nowrap;}
218+
#post #notecount a {float:right; display:block; position:relative; height:24px; padding-top:11px; background:black url(http://media.tumblr.com/b691cac93e8e714e6a92cd6a65b9a1ef/tumblr_inline_msnq5ioR1l1qz4rgp.png) center bottom; color:white; font:bold 11px 'Courier New'; white-space:nowrap;}
219
#post #notecount a:hover {color:white; top:1px;}
220
#post #notecount a img.left {position:absolute; bottom:0px; left:-20px;}
221
#post #notecount a img.right {position:absolute; bottom:0px; right:-24px;}
222
223
224
225
/***Posts content***/
226
#post a.tumblr_blog {font:normal normal 16px 'Lobster','Georgia Italic',Georgia,serif; color:black;}
227
#post a.tumblr_blog:hover {opacity:0.6;}
228
229
/*Posts - photo/photoset/video*/
230
#post #media {margin-bottom:10px; text-align:center;}
231
232
/*Posts - audio*/
233-
#post #audio {min-height:128px; position:relative; padding:0 50px; background-image:url(https://media.tumblr.com/aeaac18d3e51803bfb48966d1f1a90bf/tumblr_inline_msnq661noR1qz4rgp.png), url(https://media.tumblr.com/0e4f61095091c3bcffc90d010200d6fc/tumblr_inline_msnq6bCcTO1qz4rgp.png); background-position:left top, right bottom; background-repeat:no-repeat;}
233+
#post #audio {min-height:128px; position:relative; padding:0 50px; background-image:url(http://media.tumblr.com/aeaac18d3e51803bfb48966d1f1a90bf/tumblr_inline_msnq661noR1qz4rgp.png), url(http://media.tumblr.com/0e4f61095091c3bcffc90d010200d6fc/tumblr_inline_msnq6bCcTO1qz4rgp.png); background-position:left top, right bottom; background-repeat:no-repeat;}
234
#post #audio #albumart {width:128px; height:128px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:solid 1px black; overflow:hidden; position:relative; background-color:black; float:left; margin-right:15px;}
235
#post #audio #albumart img {width:128px; height:128px; display:block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
236
#post #audio #albumart .play {display:block; position:absolute; z-index:2; top:50%; left:50%; width:27px; height:27px; padding:6px; margin:-19px; background-color:black; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
237
#post #audio #albumart .button {display:block; width:27px; height:27px; overflow:hidden;}
238
#post #audio ul {list-style-type:none; padding-top:15px;}
239
#post #audio ul li {margin-bottom:4px;}
240
#post #audio ul li span {font:normal normal 16px 'Lobster','Georgia Italic',Georgia,serif;}
241
242
/*Posts - quote*/
243
#post h1.quote {display:inline;}
244
245
/*Posts - answer*/
246-
#post #question {padding:60px 50px; min-height:114px; background-image:url(https://24.media.tumblr.com/444e7b7640d5afd57a1a4f39a24d534a/tumblr_msnppbHo4M1shpaqho1_500.png), url(https://static.tumblr.com/35912104b42f4419701d87701c0df9d3/ar04e8q/zygouz36u/tumblr_static_bkiq9wwrp0ooow0oocgkc80ko.png); background-position:center top, center bottom; background-repeat:no-repeat;}
246+
#post #question {padding:60px 50px; min-height:114px; background-image:url(http://24.media.tumblr.com/444e7b7640d5afd57a1a4f39a24d534a/tumblr_msnppbHo4M1shpaqho1_500.png), url(http://static.tumblr.com/35912104b42f4419701d87701c0df9d3/ar04e8q/zygouz36u/tumblr_static_bkiq9wwrp0ooow0oocgkc80ko.png); background-position:center top, center bottom; background-repeat:no-repeat;}
247
#post #question img {width:64px; height:64px; margin:7px 2px 2px 10px; float:right; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:solid 1px black;}
248
#post #question span {font:normal normal 16px 'Lobster','Georgia Italic',Georgia,serif; display:block;}
249
#post #question span a {color:black;}
250
#post #question span a:hover {opacity:0.6;}
251
#post #answer a.tumblr_blog {display:block; margin:0 0 -40px 50px; position:relative; top:10px; z-index:2;}
252
#post #answer a.tumblr_blog:after {content:" replied:";}
253-
#post #answer blockquote {position:relative; margin:0; padding:6px 50px 10px; min-height:113px; border:none; background-image:url(https://media.tumblr.com/aeaac18d3e51803bfb48966d1f1a90bf/tumblr_inline_msnq661noR1qz4rgp.png), url(https://media.tumblr.com/0e4f61095091c3bcffc90d010200d6fc/tumblr_inline_msnq6bCcTO1qz4rgp.png); background-position:left top, right bottom; background-repeat:no-repeat;}
253+
#post #answer blockquote {position:relative; margin:0; padding:6px 50px 10px; min-height:113px; border:none; background-image:url(http://media.tumblr.com/aeaac18d3e51803bfb48966d1f1a90bf/tumblr_inline_msnq661noR1qz4rgp.png), url(http://media.tumblr.com/0e4f61095091c3bcffc90d010200d6fc/tumblr_inline_msnq6bCcTO1qz4rgp.png); background-position:left top, right bottom; background-repeat:no-repeat;}
254
255
/*Posts - chat*/
256
#post ul.chat {list-style-type:none; margin:0 0 0 -40px;}
257
#post ul.chat li {margin-bottom:4px;}
258
#post ul.chat li span {font:normal normal 16px 'Lobster','Georgia Italic',Georgia,serif;}
259
260
/*Posts - link*/
261
#post h1.link span {font:38px arial,sans-serif; position:relative; top:2px;}
262
263
/*Posts - footer*/
264
#post #divider {width:100%; height:7px; background:url(https://40.media.tumblr.com/d222f559e2c815271840766081b77ccb/tumblr_nsc3uoFwaF1shpaqho1_500.png) no-repeat center center; margin:10px 0 7px;}
265
#footer a {color:black;}
266
#footer a:hover {opacity:0.6;}
267
268
/*Pagination*/
269
#pagination {background:url(https://static.tumblr.com/454886b06a08ecbd52cd508cb7fd4c9d/ar04e8q/9NWouz3bs/tumblr_static_6g0wl3scdu88w84404gow08sw.png) no-repeat 209px top; width:100%; height:133px; position:absolute; bottom:-133px; left:0; z-index:3;}
270
#pagination span {display:block; width:35px; height:35px; position:absolute;}
271
#pagination span a {display:block; width:35px; height:26px; padding-top:9px; color:white; font:bold 14px 'Courier New'; white-space:nowrap; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
272
#pagination span.current a {color:#666666;}
273
274-
#pagination .page:nth-child(1) {padding:0 5px 0 0; background-image:url(https://media.tumblr.com/4fab9a87475df47d3bd7fe1b725d9a18/tumblr_inline_msnq6mvDmk1qz4rgp.png); top:16px; left:180px; z-index:1;}
274+
#pagination .page:nth-child(1) {padding:0 5px 0 0; background-image:url(http://media.tumblr.com/4fab9a87475df47d3bd7fe1b725d9a18/tumblr_inline_msnq6mvDmk1qz4rgp.png); top:16px; left:180px; z-index:1;}
275
#pagination .page:nth-child(1):hover {top:17px;}
276
#pagination .page:nth-child(1) a {box-shadow:50px 76px 5px rgba(0,0,0,0.25);}
277
278-
#pagination .page:nth-child(2) {padding:3px 0 0 0; background-image:url(https://media.tumblr.com/65a02b647cc1788734b59569dee31474/tumblr_inline_msnq6tP5Y01qz4rgp.png); top:41px; left:217px; z-index:2;}
278+
#pagination .page:nth-child(2) {padding:3px 0 0 0; background-image:url(http://media.tumblr.com/65a02b647cc1788734b59569dee31474/tumblr_inline_msnq6tP5Y01qz4rgp.png); top:41px; left:217px; z-index:2;}
279
#pagination .page:nth-child(2):hover {top:42px;}
280
#pagination .page:nth-child(2) a {box-shadow:48px 74px 5px rgba(0,0,0,0.25);}
281
282-
#pagination .page:nth-child(3) {padding:11px 0 0 0; background-image:url(https://media.tumblr.com/e3240222e09e6e54421dd9c496d97815/tumblr_inline_msnq6zQI8J1qz4rgp.png); top:44px; left:264px; z-index:3;}
282+
#pagination .page:nth-child(3) {padding:11px 0 0 0; background-image:url(http://media.tumblr.com/e3240222e09e6e54421dd9c496d97815/tumblr_inline_msnq6zQI8J1qz4rgp.png); top:44px; left:264px; z-index:3;}
283
#pagination .page:nth-child(3):hover {top:45px;}
284
#pagination .page:nth-child(3) a {box-shadow:45px 71px 5px rgba(0,0,0,0.25);}
285
286-
#pagination .page:nth-child(4) {padding:7px 0 0 2px; background-image:url(https://media.tumblr.com/d199c8981aff8a5b7328261e411a6acb/tumblr_inline_msnq76NPir1qz4rgp.png); top:37px; left:309px; z-index:2;}
286+
#pagination .page:nth-child(4) {padding:7px 0 0 2px; background-image:url(http://media.tumblr.com/d199c8981aff8a5b7328261e411a6acb/tumblr_inline_msnq76NPir1qz4rgp.png); top:37px; left:309px; z-index:2;}
287
#pagination .page:nth-child(4):hover {top:38px;}
288
#pagination .page:nth-child(4) a {box-shadow:43px 74px 5px rgba(0,0,0,0.25);}
289
290-
#pagination .page:nth-child(5) {padding:0 0 0 4px; background-image:url(https://media.tumblr.com/075620d05ea4e5f13c77b6d616e57619/tumblr_inline_msnq7dJled1qz4rgp.png); top:16px; left:344px; z-index:1;}
290+
#pagination .page:nth-child(5) {padding:0 0 0 4px; background-image:url(http://media.tumblr.com/075620d05ea4e5f13c77b6d616e57619/tumblr_inline_msnq7dJled1qz4rgp.png); top:16px; left:344px; z-index:1;}
291
#pagination .page:nth-child(5):hover {top:17px;}
292
#pagination .page:nth-child(5) a {box-shadow:42px 76px 5px rgba(0,0,0,0.25);}
293
294
/*Notecontainer*/
295
#notecontainer {margin:20px 0 0; padding:0; position:relative:}
296
#notecontainer .title {font:normal normal 16px 'Lobster','Georgia Italic',Georgia,serif;}
297
#notecontainer ol {list-style-type:none; margin:10px 0 0 -40px;}
298
#notecontainer li {margin-bottom:6px;}
299
#notecontainer img.avatar {width:16px; height:16px; margin-right:4px; position:relative; top:4px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:solid 1px black;}
300
#notecontainer blockquote {margin:5px 0 0; padding:0 0 0 45px; border:none; position:relative;}
301
#notecontainer blockquote:before {content:"↳"; position:absolute; top:-6px; left:30px; font:18px arial,sans-serif;}
302
#notecontainer blockquote a {color:black; font-style:italic;}
303
304
/*Credit - DO NOT REMOVE*/
305-
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;}
305+
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;}
306-
a.credit:hover {opacity:0.4;}
306+
307
308
/*Firefox Fox*/
309
@-moz-document url-prefix() { 
310
#side .buttonlinks span a {width:25px; height:25px; padding:5px 0 9px 10px;}
311
}
312
313
{CustomCSS}
314
</style>
315
316
<!--[if IE]>
317
<style type="text/css">
318
#side .buttonlinks span a {width:25px; height:25px; padding:5px 0 9px 10px;}
319
</style>
320
<![endif]-->
321
322
<script type="text/javascript">
323
324
//get distance scrolled (scrOfY)
325
document.onscroll = getScrollY;
326
function getScrollY() {
327
var scrOfY = 0;
328
if(typeof(window.pageYOffset)=='number') {scrOfY = window.pageYOffset;} 
329
else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {scrOfY=document.body.scrollTop;}
330
else if(document.documentElement && (document.documentElement.scrollTop)) {scrOfY = document.documentElement.scrollTop;}
331
332
//get window height (WinY)
333
//modified from Andy Langton's script: http://bit.ly/uhVzr5
334
var WinY;
335
if (typeof window.innerWidth != 'undefined') { WinY = window.innerHeight }
336
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientHeight != 'undefined' && document.documentElement.clientHeight != 0) { WinY = document.documentElement.clientHeight }
337
else { WinY = document.getElementsByTagName('body')[0].clientHeight}
338
339
//get page height (DocY)
340
//modified from James Padolsey's script: http://bit.ly/XxWM41
341
var DocY = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight);
342
343
//convert distance as % of page height to distance as % of window height
344
var pageY = (scrOfY/DocY)*(WinY-32); //value in px
345
346
//apply vertical position to scrolling hook
347
document.getElementById("hook").style.marginTop = pageY+"px";
348
349
//apply vertical position to weight
350
document.getElementById("weight").style.marginBottom = pageY+"px";
351
document.getElementById("weightshadow").style.marginBottom = pageY+"px";
352
353
//apply chain movement
354
document.getElementById("mfchainright").style.backgroundPosition = "center "+(pageY*0.41655)+"px";
355
document.getElementById("mfchainleft").style.backgroundPosition = "center "+(-pageY*0.41655)+"px";
356
357
//calculate rotation value for cog1
358
var r1 = scrOfY*1.6*0.4686 + 15;
359
360
//apply chain spin
361
document.getElementById("mfmiddle").style.mozTransform = "rotate("+r1+"deg)";
362
document.getElementById("mfmiddle").style.webkitTransform = "rotate("+r1+"deg)";
363
document.getElementById("mfmiddle").style.oTransform = "rotate("+r1+"deg)";
364
document.getElementById("mfmiddle").style.msTransform = "rotate("+r1+"deg)";
365
document.getElementById("mfmiddle").style.transform = "rotate("+r1+"deg)";
366
367
//apply cog1 spin
368
document.getElementById("cog1a").style.mozTransform = "rotate("+r1+"deg)";
369
document.getElementById("cog1a").style.webkitTransform = "rotate("+r1+"deg)";
370
document.getElementById("cog1a").style.oTransform = "rotate("+r1+"deg)";
371
document.getElementById("cog1a").style.msTransform = "rotate("+r1+"deg)";
372
document.getElementById("cog1a").style.transform = "rotate("+r1+"deg)";
373
374
//calculate rotation value for cog2
375
var r2 = -(scrOfY*1.6*0.4686) + 6;
376
377
//apply cog2 spin
378
document.getElementById("cog2a").style.mozTransform = "rotate("+r2+"deg)";
379
document.getElementById("cog2a").style.webkitTransform = "rotate("+r2+"deg)";
380
document.getElementById("cog2a").style.oTransform = "rotate("+r2+"deg)";
381
document.getElementById("cog2a").style.msTransform = "rotate("+r2+"deg)";
382
document.getElementById("cog2a").style.transform = "rotate("+r2+"deg)";
383
384
document.getElementById("cog2c").style.mozTransform = "rotate("+r2+"deg)";
385
document.getElementById("cog2c").style.webkitTransform = "rotate("+r2+"deg)";
386
document.getElementById("cog2c").style.oTransform = "rotate("+r2+"deg)";
387
document.getElementById("cog2c").style.msTransform = "rotate("+r2+"deg)";
388
document.getElementById("cog2c").style.transform = "rotate("+r2+"deg)";
389
390
//calculate rotation value for cog3
391
var r3 = scrOfY*0.8*0.4686 + 10;
392
393
//apply cog3 spin
394
document.getElementById("cog3a").style.mozTransform = "rotate("+r3+"deg)";
395
document.getElementById("cog3a").style.webkitTransform = "rotate("+r3+"deg)";
396
document.getElementById("cog3a").style.oTransform = "rotate("+r3+"deg)";
397
document.getElementById("cog3a").style.msTransform = "rotate("+r3+"deg)";
398
document.getElementById("cog3a").style.transform = "rotate("+r3+"deg)";
399
400
//calculate rotation value for cog4
401
var r4 = scrOfY*0.8*0.4686 + 8;
402
403
//apply cog4 spin
404
document.getElementById("cog4").style.mozTransform = "rotate("+r4+"deg)";
405
document.getElementById("cog4").style.webkitTransform = "rotate("+r4+"deg)";
406
document.getElementById("cog4").style.oTransform = "rotate("+r4+"deg)";
407
document.getElementById("cog4").style.msTransform = "rotate("+r4+"deg)";
408
document.getElementById("cog4").style.transform = "rotate("+r4+"deg)";
409
410
document.getElementById("cog4shadow").style.mozTransform = "rotate("+r4+"deg)";
411
document.getElementById("cog4shadow").style.webkitTransform = "rotate("+r4+"deg)";
412
document.getElementById("cog4shadow").style.oTransform = "rotate("+r4+"deg)";
413
document.getElementById("cog4shadow").style.msTransform = "rotate("+r4+"deg)";
414
document.getElementById("cog4shadow").style.transform = "rotate("+r4+"deg)";
415
416
return true;
417
}
418
419
</script>
420
421
{block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
422-
{block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
422+
423
</head>
424
<body>
425
<a href="http://themesbyeris.tumblr.com/" class="credit">Themes by Eris</a>
426-
<a href="https://themesbyeris.tumblr.com/" class="credit" title="themes by eris"></a>
426+
427
428
429
430
<div id="hook"><div class="chain"></div></div>
431
<div id="weight"><div class="main"></div><div class="chain"></div></div>
432
<div id="weightshadow"><div class="chain"></div></div>
433
434
435
<div id="largecog">
436
<img id="cog3a" src="http://25.media.tumblr.com/ac99be8daa6ac86d43358687f67a46ab/tumblr_msnppbHo4M1shpaqho5_250.png" />
437-
<img id="cog3a" src="https://25.media.tumblr.com/ac99be8daa6ac86d43358687f67a46ab/tumblr_msnppbHo4M1shpaqho5_250.png" />
437+
<img id="cog3b" src="http://static.tumblr.com/7c0eea9ec0cad8c8f7aeb51e2c88e08f/ar04e8q/fMjouz3if/tumblr_static_eg5g33ywancocc8gsgowkg4k8.png" />
438-
<img id="cog3b" src="https://static.tumblr.com/7c0eea9ec0cad8c8f7aeb51e2c88e08f/ar04e8q/fMjouz3if/tumblr_static_eg5g33ywancocc8gsgowkg4k8.png" />
438+
<img id="cog4" src="http://25.media.tumblr.com/ed12723661695d6c69cc7e3e418b6211/tumblr_msnppbHo4M1shpaqho7_400.png" />
439-
<img id="cog4" src="https://25.media.tumblr.com/ed12723661695d6c69cc7e3e418b6211/tumblr_msnppbHo4M1shpaqho7_400.png" />
439+
440
441
442
<div id="right">
443
444
<div id="mfchain"><div id="mfchainleft"></div><div id="mfchainright"></div><div id="mfspin"><div class="bottomlayer"></div><div id="mfmiddle"></div><div class="toplayer"></div></div><div id="mfcover"></div></div>
445
<img id="cog1a" src="http://media.tumblr.com/1bd00b3c81506c7cb03b9484edd93187/tumblr_inline_msnq7yD08K1qz4rgp.png" />
446-
<img id="cog1a" src="https://media.tumblr.com/1bd00b3c81506c7cb03b9484edd93187/tumblr_inline_msnq7yD08K1qz4rgp.png" />
446+
<img id="cog1b" src="http://media.tumblr.com/25c007882a3b456f3635f58ce58c314b/tumblr_inline_msnq86nxld1qz4rgp.png" />
447-
<img id="cog1b" src="https://media.tumblr.com/25c007882a3b456f3635f58ce58c314b/tumblr_inline_msnq86nxld1qz4rgp.png" />
447+
<img id="cog2a" src="http://media.tumblr.com/abad90366ac3164f8b56dfc46b1ba750/tumblr_inline_msnq8cceub1qz4rgp.png" />
448-
<img id="cog2a" src="https://media.tumblr.com/abad90366ac3164f8b56dfc46b1ba750/tumblr_inline_msnq8cceub1qz4rgp.png" />
448+
<img id="cog2b" src="http://media.tumblr.com/575f3de45180bf1814e769de5112ad55/tumblr_inline_msnq8jX3Wy1qz4rgp.png" />
449-
<img id="cog2b" src="https://media.tumblr.com/575f3de45180bf1814e769de5112ad55/tumblr_inline_msnq8jX3Wy1qz4rgp.png" />
449+
<img id="cog2c" src="http://media.tumblr.com/65eee6d017b24d534558e2dcc50f7b6a/tumblr_inline_msnq8prVfW1qz4rgp.png" />
450-
<img id="cog2c" src="https://media.tumblr.com/65eee6d017b24d534558e2dcc50f7b6a/tumblr_inline_msnq8prVfW1qz4rgp.png" />
450+
451
<div id="side">
452
<a class="avatar" href="/"><img src="{image:Sidebar Image}" /></a>
453
454
<div class="description">
455
<h1>{Title}</h1>
456
<div class="divider"></div>
457
{Description}
458
<div class="divider"></div>
459
<ol class="desclinks">
460
{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
461
{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
462
{block:IfShowArchiveLink}<li><a href="/archive">Archive</a></li>{block:IfShowArchiveLink}
463
{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
464
</ol> <!--desclinks-->
465
</div> <!--description-->
466
467
<div class="buttonlinks">
468
{block:AskEnabled}<span><a href="/ask" title="{AskLabel}"></a></span>{/block:AskEnabled}
469
{block:SubmissionsEnabled}<span><a href="/submit" title="{SubmitLabel}"></a></span>{/block:SubmissionsEnabled}
470
{block:IfShowArchiveLink}<span><a href="/archive" title="Archive"></a></span>{block:IfShowArchiveLink}
471
{block:HasPages}{block:Pages}<span><a href="{URL}" title="{Label}"></a></span>{/block:Pages}{/block:HasPages}
472
</div> <!--buttonlinks-->
473
474
</div> <!--side-->
475
476
</div> <!--right-->
477
478
479
480
<div id="rightshadow">
481
<div id="mfschain"><div id="mfschainleft"></div><div id="mfschainright"></div></div>
482
<img id="sideshadow" src="http://25.media.tumblr.com/147c1ffd4f7abb027b7509f1c0d3c4dc/tumblr_msnppbHo4M1shpaqho8_400.png" />
483-
<img id="sideshadow" src="https://25.media.tumblr.com/147c1ffd4f7abb027b7509f1c0d3c4dc/tumblr_msnppbHo4M1shpaqho8_400.png" />
483+
484
485
486
487
<div id="content">
488
<img class="bgtop" src="http://24.media.tumblr.com/6bc225bb6516ec88244872b095b464f2/tumblr_msnppbHo4M1shpaqho9_r1_400.png" />
489-
<img class="bgtop" src="https://24.media.tumblr.com/6bc225bb6516ec88244872b095b464f2/tumblr_msnppbHo4M1shpaqho9_r1_400.png" />
489+
<img class="bgbottom" src="http://24.media.tumblr.com/5ac1df84822e5c83122c686964646c1c/tumblr_msnppbHo4M1shpaqho10_r1_400.png" />
490-
<img class="bgbottom" src="https://24.media.tumblr.com/5ac1df84822e5c83122c686964646c1c/tumblr_msnppbHo4M1shpaqho10_r1_400.png" />
490+
491
{block:IfInfiniteScroll}<div class="autopagerize_page_element">{/block:IfInfiniteScroll}
492
{block:Posts}
493
<div id="post">
494
<div id="frame">
495
496
<div class="frametop"></div><div class="frameleft"></div><div class="frameright"></div><div class="framebottom"></div>
497
498
499
500
{block:Date}
501
502
<div id="timestamp">
503
<img id="clockhandlong{PostID}" class="clockparts" style="z-index:2;" src="http://media.tumblr.com/fb0c93038d23a3aca690bc35300945a8/tumblr_inline_msnqaztmEz1qz4rgp.png" onload="document.getElementById('clockhandlong{PostID}').style.mozTransform = 'rotate('+({Minutes}*6)+'deg)'; document.getElementById('clockhandlong{PostID}').style.webkitTransform = 'rotate('+({Minutes}*6)+'deg)'; document.getElementById('clockhandlong{PostID}').style.oTransform = 'rotate('+({Minutes}*6)+'deg)'; document.getElementById('clockhandlong{PostID}').style.msTransform = 'rotate('+({Minutes}*6)+'deg)'; document.getElementById('clockhandlong{PostID}').style.transform = 'rotate('+({Minutes}*6)+'deg)';" /> 
504-
<img id="clockhandlong{PostID}" class="clockparts" style="z-index:2;" src="https://media.tumblr.com/fb0c93038d23a3aca690bc35300945a8/tumblr_inline_msnqaztmEz1qz4rgp.png" onload="document.getElementById('clockhandlong{PostID}').style.mozTransform = 'rotate('+({Minutes}*6)+'deg)'; document.getElementById('clockhandlong{PostID}').style.webkitTransform = 'rotate('+({Minutes}*6)+'deg)'; document.getElementById('clockhandlong{PostID}').style.oTransform = 'rotate('+({Minutes}*6)+'deg)'; document.getElementById('clockhandlong{PostID}').style.msTransform = 'rotate('+({Minutes}*6)+'deg)'; document.getElementById('clockhandlong{PostID}').style.transform = 'rotate('+({Minutes}*6)+'deg)';" /> 
504+
<img id="clockhandshort{PostID}" class="clockparts" style="z-index:1;" src="http://media.tumblr.com/71c06837698599b5d45d69b0671dbf99/tumblr_inline_msnqb9HU681qz4rgp.png" onload="document.getElementById('clockhandshort{PostID}').style.mozTransform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)'; document.getElementById('clockhandshort{PostID}').style.webkitTransform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)'; document.getElementById('clockhandshort{PostID}').style.oTransform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)'; document.getElementById('clockhandshort{PostID}').style.msTransform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)'; document.getElementById('clockhandshort{PostID}').style.transform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)';"/>
505-
<img id="clockhandshort{PostID}" class="clockparts" style="z-index:1;" src="https://media.tumblr.com/71c06837698599b5d45d69b0671dbf99/tumblr_inline_msnqb9HU681qz4rgp.png" onload="document.getElementById('clockhandshort{PostID}').style.mozTransform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)'; document.getElementById('clockhandshort{PostID}').style.webkitTransform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)'; document.getElementById('clockhandshort{PostID}').style.oTransform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)'; document.getElementById('clockhandshort{PostID}').style.msTransform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)'; document.getElementById('clockhandshort{PostID}').style.transform = 'rotate('+({12Hour}*30 + {Minutes}*0.5)+'deg)';"/>
505+
<img class="clockparts" style="z-index:3;" src="http://media.tumblr.com/fe75dca7267fd3d9718ea41931837103/tumblr_inline_msnq9aMr0d1qz4rgp.png" />
506-
<img class="clockparts" style="z-index:3;" src="https://media.tumblr.com/fe75dca7267fd3d9718ea41931837103/tumblr_inline_msnq9aMr0d1qz4rgp.png" />
506+
507
<span class="date">{Month} {DayOfMonth}, {Year}</span>
508
</div>
509
510
<div id="buttons">
511
{block:IfLikeButton}<a class="like" title="Like">{LikeButton color="white" size="26"}</a>{/block:IfLikeButton}
512
{block:IfReblogButton}<a class="reblog" href="{ReblogURL}" title="Reblog"></a>{/block:IfReblogButton}
513
<a class="permalink" href="{Permalink}" title="Permalink"></a>
514
</div>
515
516
<div id="permagap"></div>
517
{/block:Date}
518
519
{block:Photo}
520
<div id="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
521
{block:Caption}{Caption}{/block:Caption}
522
{/block:Photo}
523
524
{block:Photoset}
525
<div id="media">{Photoset-500}</div>
526
{block:Caption}{Caption}{/block:Caption}
527
{/block:Photoset}
528
529
{block:Video}
530
<div id="media">{Video-500}</div>
531
{block:Caption}{Caption}{/block:Caption}
532
{/block:Video}
533
534
{block:Audio}
535
<div id="audio">
536
<div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}<span class="play"><span class="button">{AudioPlayerBlack}</span></span></div>
537
<ul>
538
{block:PlayCount}<li><span>Plays:</span>&nbsp;{FormattedPlayCount}</li>{/block:PlayCount}
539
{block:Artist}<li><span>Artist:</span>&nbsp;{Artist}</li>{/block:Artist}
540
{block:Album}<li><span>Album:</span>&nbsp;{Album}</li>{/block:Album}
541
{block:TrackName}<li><span>Track Name:</span>&nbsp;{TrackName}</li>{/block:TrackName}
542
</ul>
543
</div>
544
{block:Caption}{Caption}{/block:Caption}
545
{/block:Audio}
546
547
{block:Quote}
548
<h1 class="quote">“{Quote}”</h1>
549
{block:Source}—&nbsp;{Source}{/block:Source}
550
{/block:Quote}
551
552
{block:Text}
553
{block:Title}
554
<h1>{Title}</h1>
555
{/block:Title}
556
{Body}
557
{/block:Text}
558
559
{block:Answer}
560
<div id="question"><img src="{AskerPortraitURL-64}" /><span>{Asker} asked: </span>{Question}</div>
561
<div id="answer">{Answer}</div>
562
{block:Answer}
563
564
{block:Chat}
565
{block:Title}<h1>{Title}</h1>{/block:Title}
566
<ul class="chat">
567
{block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
568
</ul>
569
{/block:Chat}
570
571
{block:Link}
572
<h1 class="link"><a href="{URL}" {Target}><span>➸</span>&nbsp;{Name}</a></h1>
573
{block:Description}{Description}{/block:Description}
574
{/block:Link}
575
576
{block:Date}
577
{block:HasTags}
578
<div id="divider"></div>
579
<div id="footer">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}</div>
580
{/block:HasTags}
581
{/block:Date}
582
583
{block:PostNotes}
584
<div id="notecontainer">
585
{block:NoteCount}<div class="title">Notes:</div>{/block:NoteCount}
586
{PostNotes}
587
</div>
588
{/block:PostNotes}
589
590
{block:Date}
591
592
<div id="footerbuttons">
593
{block:RebloggedFrom}
594
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
595
<a href="{ReblogRootURL}" title="{ReblogRootName}">root</a>
596
{/block:RebloggedFrom}
597
{block:ContentSource}
598
<a href="{SourceURL}" title="{SourceTitle}">src</a>
599
{/block:ContentSource}
600
</div> <!--footerbuttons-->
601
602
{block:NoteCount}
603
<div id="notecount">
604
<a href="{Permalink}" title="Permalink"><img class="left" src="http://media.tumblr.com/c0743c5f50028753b449a2748b1450e3/tumblr_inline_msnq9kiIlf1qz4rgp.png" />{NoteCountWithLabel}<img class="right" src="http://media.tumblr.com/4d6abe4324a7acebcca926839229cedb/tumblr_inline_msnq9zbV8t1qz4rgp.png" /></a>
605-
<a href="{Permalink}" title="Permalink"><img class="left" src="https://media.tumblr.com/c0743c5f50028753b449a2748b1450e3/tumblr_inline_msnq9kiIlf1qz4rgp.png" />{NoteCountWithLabel}<img class="right" src="https://media.tumblr.com/4d6abe4324a7acebcca926839229cedb/tumblr_inline_msnq9zbV8t1qz4rgp.png" /></a>
605+
606
{/block:NoteCount}
607
{/block:Date}
608
609
</div> <!--frame-->
610
</div> <!--post-->
611
{/block:Posts}
612
{block:IfInfiniteScroll}</div>{/block:IfInfiniteScroll}
613
614
615
616
{block:IfNotInfiniteScroll}
617
{block:Pagination}
618
<div id="pagination">
619
{block:JumpPagination length="5"}
620
{block:CurrentPage}<span class="page current"><a>{PageNumber}</a></span>{/block:CurrentPage}
621
{block:JumpPage}<span class="page"><a href="{URL}">{PageNumber}</a></span>{/block:JumpPage}
622
{/block:JumpPagination}
623
</div>
624
{/block:Pagination}
625
{/block:IfNotInfiniteScroll}
626
627
628
629
</div> <!--content-->
630
631
</body>
632
</html>