SHOW:
|
|
- or go back to the newest paste.
1 | <html> | |
2 | <head> | |
3 | <title>{Title}</title> | |
4 | <link rel="shortcut icon" href="{Favicon}"> | |
5 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
6 | {block:Description} | |
7 | <meta name="description" content="{MetaDescription}" /> | |
8 | {/block:Description} | |
9 | ||
10 | <meta name="color:background" content="#ffffff"/> | |
11 | <meta name="color:text" content="#000000"/> | |
12 | ||
13 | <!-- | |
14 | Empathy Theme for Tumblr by Jewist | |
15 | http://jewistthemes.tumblr.com/ | |
16 | --> | |
17 | ||
18 | <style type="text/css"> | |
19 | ||
20 | body { | |
21 | background-color:{color:background}; | |
22 | background-attachment: fixed; | |
23 | background-size: cover; | |
24 | font-family:Arial; | |
25 | font-size:12px; | |
26 | } | |
27 | a { | |
28 | color:{color:text}; | |
29 | font-weight:bold; | |
30 | } | |
31 | a img { | |
32 | min-width: 50%; | |
33 | max-width: 85%; | |
34 | padding: 30px; | |
35 | border: 0; | |
36 | -moz-transition: all 3s; | |
37 | -webkit-transition: all 3s; | |
38 | -o-transition: all 3s; | |
39 | transition: all 3s; | |
40 | } | |
41 | a img:hover { | |
42 | opacity: 0.6; | |
43 | -moz-transition: all 3s; | |
44 | -webkit-transition: all 3s; | |
45 | -o-transition: all 3s; | |
46 | transition: all 3s; | |
47 | } | |
48 | ||
49 | #entry {background-color:transparent; | |
50 | padding-top:10px; | |
51 | text-align:center; | |
52 | width:500px; | |
53 | opacity:1; | |
54 | padding:10px; | |
55 | margin:auto; | |
56 | margin-top:50px; | |
57 | font-size:12px; | |
58 | margin-bottom:30px;} | |
59 | ||
60 | ||
61 | #header { | |
62 | position: fixed; | |
63 | z-index: 5000; | |
64 | text-align:center; | |
65 | top: 10px; | |
66 | left:0px; | |
67 | margin: 0px auto; | |
68 | font-family: helvetica; | |
69 | font-weight:800; | |
70 | letter-spacing:2px; | |
71 | font-size: 30px; | |
72 | width: 100%; | |
73 | height: 40px; | |
74 | } | |
75 | #header a { | |
76 | text-decoration:none; | |
77 | margin:0 5px 0 0; | |
78 | color:{color:text}; | |
79 | } | |
80 | #header a:hover { | |
81 | color:{color:text}; | |
82 | } | |
83 | .caption { | |
84 | margin:auto; | |
85 | width:500px; | |
86 | } | |
87 | td { | |
88 | text-align: center; | |
89 | vertical-align: center; | |
90 | } | |
91 | div.center { | |
92 | margin-top:60px; | |
93 | text-align: center; | |
94 | } | |
95 | ||
96 | </style> | |
97 | ||
98 | <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> | |
99 | ||
100 | <body> | |
101 | ||
102 | <div id="header"> | |
103 | <a href="/"><b>{Title}</b></a> <span style="margin-right:10px;">:</span> <a href="/archive">archive</a> <a href="/ask">message</a> {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages} | |
104 | </div> | |
105 | ||
106 | <div class="center"> | |
107 | <div class = "autopagerize_page_element" > | |
108 | {block:Posts} | |
109 | ||
110 | ||
111 | {block:Text} | |
112 | ||
113 | <div id="entry"> | |
114 | <div id="entrytext"> | |
115 | ||
116 | {Body} | |
117 | ||
118 | <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> | |
119 | </div></div> | |
120 | ||
121 | {/block:Text} | |
122 | ||
123 | {block:Photo}<td> | |
124 | {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-Highres}" alt="{PhotoAlt}"/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
125 | {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage} | |
126 | {/block:Photo}</td> | |
127 | ||
128 | {block:Photoset} | |
129 | <div id="td"> | |
130 | {Photoset-700} | |
131 | {block:IndexPage}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>{/block:IndexPage} | |
132 | {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} | |
133 | </div> | |
134 | {/block:Photoset} | |
135 | ||
136 | {block:Quote} | |
137 | <div id="entry"> | |
138 | "{Quote}" <br><br> — {block:Source}<b>{Source}</b>{/block:Source}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> | |
139 | </div> | |
140 | {/block:Quote} | |
141 | ||
142 | {block:Link} | |
143 | <div id="entry"> | |
144 | <div class="h2"><a href="{URL}"><b><big>⇒</big> {Name}</b></a></div>{block:Description}{Description}{/block:Description}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> | |
145 | </div> | |
146 | {/block:Link} | |
147 | ||
148 | {block:Chat} | |
149 | <div id="entry"> | |
150 | {block:Title}<b>{Title}</b>{/block:Title} | |
151 | {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> | |
152 | </div> | |
153 | {/block:Chat} | |
154 | ||
155 | {block:Audio} | |
156 | <div id="entry"> | |
157 | <div class="audio"><center>{AudioPlayerBlack}</center></div> | |
158 | <small>{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</small> | |
159 | {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> | |
160 | </div> | |
161 | {/block:Audio} | |
162 | ||
163 | {block:Video} | |
164 | <div id="entry"> | |
165 | <div class="video"> | |
166 | {Video-500} | |
167 | {block:PermalinkPage}{/block:PermalinkPage}<span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> | |
168 | </div></div> | |
169 | {/block:Video} | |
170 | ||
171 | {/block:Posts} | |
172 | </div> | |
173 | </div> | |
174 | ||
175 | <div style="position:fixed; bottom:2px; right:2px;"><a href="http://jewist.tumblr.com/" title="theme from jewist">©</a></div> | |
176 | ||
177 | </body> | |
178 | </html> |