SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
2 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
3 | ||
4 | <!-- | |
5 | -------------------------------------------------- | |
6 | ||
7 | MY BRAT CHER THEME BY MALIKHAZ.TUMBLR.COM | |
8 | ||
9 | -------------------------------------------------- | |
10 | --> | |
11 | ||
12 | ||
13 | <head><title>{Title}</title> | |
14 | <link rel="shortcut icon" href="{Favicon}"> | |
15 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
16 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
17 | ||
18 | ||
19 | <meta name="color:Background" content="#ffffff"/> | |
20 | <meta name="color:Text" content="#afaeae"/> | |
21 | <meta name="color:Link" content="#e26868"/> | |
22 | <meta name="color:hover"content="ffffff" /> | |
23 | <meta name="color:infoborder"content="#f1d8d8"/> | |
24 | <meta name="color:Border" content="#ecb7b7"/> | |
25 | <meta name="color:post" content="f5ceeb"/> | |
26 | <meta name="color:scrollbar" content="#5F9EA0"> | |
27 | <meta name="color:postcolor" content="#fdfdfd"> | |
28 | ||
29 | <meta name="image:Background" content="" /> | |
30 | <meta name="image:sidebar" content=""/> | |
31 | ||
32 | <meta name="text:link1" content="link 1" /> | |
33 | <meta name="text:link1 url" content="/" /> | |
34 | <meta name="text:link2" content="link 2" /> | |
35 | <meta name="text:link2 url" content="/" /> | |
36 | <meta name="text:link3" content="link 3" /> | |
37 | <style type="text/css"> | |
38 | ||
39 | @font-face { | |
40 | font-family: "lobster"; | |
41 | src: url('http://static.tumblr.com/xfx4i03/eDGm5ooim/lobster_1.4.otf'); | |
42 | } | |
43 | ||
44 | ::-webkit-scrollbar {width: 5px; height:auto; background:{color:background}} | |
45 | ::-webkit-scrollbar-corner {padding:2px;background:{color:background}} | |
46 | ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}} | |
47 | ::-webkit-scrollbar-button:horizontal {width: 5px; height: 5px; display: block; background:{color:scrollbar}} | |
48 | ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};} | |
49 | ::-webkit-scrollbar-thumb:horizontal {background: {color:background};} | |
50 | ::-webkit-scrollbar-thumb {background: {color:scrollbar};} | |
51 | ||
52 | body { | |
53 | background:{color:background}; | |
54 | margin:0px; | |
55 | color:{color:text}; | |
56 | font-family:georgia; | |
57 | font-style:italic; | |
58 | font-size:9px; | |
59 | line-height:100%; | |
60 | } | |
61 | ||
62 | body, a, a:hover { | |
63 | cursor: url(http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png), progress; | |
64 | } | |
65 | ||
66 | a { | |
67 | text-decoration:none; | |
68 | outline:none; | |
69 | -moz-outline-style:none; | |
70 | color:{color:link}; | |
71 | text-decoration:none; | |
72 | -moz-transition:0.3s ease-in; | |
73 | -webkit-transition: 0.3s ease-in; | |
74 | -o-transition:0.3s ease-in; | |
75 | transition:0.3s ease-in;} | |
76 | ||
77 | a:hover { | |
78 | color: {color:hover}; | |
79 | text-decoration:none;} | |
80 | ||
81 | a {border-bottom: 1px solid #ffffff;font-style:italic;text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} | |
82 | ||
83 | a:hover { border-bottom: 1px solid {color:border};-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; | |
84 | -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} | |
85 | ||
86 | img { | |
87 | border:none; | |
88 | } | |
89 | ||
90 | blockquote { | |
91 | padding-left:5px; | |
92 | border-left:2px solid; | |
93 | } | |
94 | ||
95 | blockquote blockquote { | |
96 | padding-left:5px; | |
97 | border-left:2px solid; | |
98 | ||
99 | } | |
100 | .quote { | |
101 | display: block; | |
102 | background: url(http://static.tumblr.com/cc4ocei/Y5Mkzk5s7/quote.png) no-repeat 0 10px; | |
103 | font-style: italic; | |
104 | padding: 16px 18px 10px 32px; } | |
105 | ||
106 | .quote .medium { | |
107 | font-size: 15px; | |
108 | line-height: 1.4; | |
109 | font-family:cambria; } | |
110 | ||
111 | h1 { | |
112 | font-family:cambria; font-style:italic; font-size:18px; | |
113 | } | |
114 | ||
115 | #entries { | |
116 | padding:10px; | |
117 | width:500px; | |
118 | margin-left:500px; | |
119 | margin-top:15px; | |
120 | ||
121 | } | |
122 | ||
123 | #post { | |
124 | width:500px; | |
125 | padding-bottom:40px; | |
126 | padding:9px; border:1px solid {color:post}; margin-top:10px; | |
127 | background-color: {color:postcolor}; | |
128 | } | |
129 | ||
130 | #sidebar { | |
131 | width:250px; | |
132 | position:fixed; | |
133 | margin-left:260px; | |
134 | margin-top:200px; | |
135 | } | |
136 | ||
137 | ||
138 | #sidebarimage { | |
139 | width 250px; margin-right:40px; | |
140 | } | |
141 | ||
142 | #sidebarimage img { | |
143 | width:100px; height:auto; margin-right:50px; border:1px solid {color:border}; | |
144 | padding:4px; | |
145 | text-align:center; | |
146 | } | |
147 | ||
148 | #sidebar img:hover { opacity:0.60;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; } | |
149 | ||
150 | ||
151 | #description { | |
152 | padding:8px;margin-left:-12px; width:120px; | |
153 | text-align:center; line-height:125%; | |
154 | } | |
155 | ||
156 | .links { | |
157 | font-family:cambria;width:10px;position:absolute;display:block; height:30px; margin-top:30px; margin-left:105px; font-size:9px; text-transform:lowercase; font-style:italic; padding:5px; text-align:center;letter-spacing:1px;-webkit-transition:all ease-out .8s; -moz-transition:all ease out .8s; transition:all ease-out .8s; -o-transition:all ease-out .8s; -ms-transition:all ease out .8s;opacity: 0.9;-webkit-transform:; | |
158 | } | |
159 | ||
160 | .links a {display:inline-block;background-color:{color:Background} ;border-bottom: 1px solid #ffffff;font-style:italic;letter-spacing:1px;margin-bottom:1px;padding:1px 7px 2px 7px;text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} | |
161 | ||
162 | .links a:hover { border-bottom: 1px solid {color:border};-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; | |
163 | -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} | |
164 | ||
165 | ||
166 | #pagination { | |
167 | font-size:10px; | |
168 | text-align:center; margin-bottom:0px; margin-right:135px; | |
169 | } | |
170 | ||
171 | #info { | |
172 | text-align:center; | |
173 | margin-top:10px; height:18px; text-transform:uppercase; border-top:1px solid {color:infoborder}; padding:3px; font-family:cambria; font-style:italic; font-size:8px; text-transform: uppercase; text-align:center; line-height:10px; opacity:2; | |
174 | } | |
175 | ||
176 | - | #theme {right:15px; bottom:10px; font-size:20px; position:fixed; font-family:calibri;} |
176 | + | #theme {position:fixed; background-color:{color:question};bottom:10px; right:10px; font-size:15px;;color:{color:text}; text-transform:uppercase;padding: 3px 6px 5px 6px; letter-spacing: 1px;border: 1px solid {color:border}; width:auto;height: auto;font-style:normal;} |
177 | ||
178 | #asker { | |
179 | float:left; | |
180 | margin-right:5px; | |
181 | } | |
182 | ||
183 | </style> | |
184 | <style type="text/css"> | |
185 | img{ | |
186 | -webkit-transition: opacity 0.8s linear; | |
187 | opacity: 0.90; | |
188 | } | |
189 | img:hover{ | |
190 | -webkit-transition: opacity 0.8s linear; | |
191 | opacity: 1; | |
192 | } | |
193 | ||
194 | ||
195 | {CustomCSS}</style></head><body> | |
196 | ||
197 | <div id="sidebar"> | |
198 | ||
199 | <div class="links"> | |
200 | <a href="/">index</a> | |
201 | <a href="/ask">ask</a> | |
202 | {block:ifLink1}<a href="{text:link1 url}">{text:link1}</a>{/block:ifLink1} | |
203 | {block:ifLink2}<a href="{text:link2 url}">{text:link2}</a>{/block:ifLink2} | |
204 | {block:ifLink3}<a href="{text:link3 url}">{text:link3}</a>{/block:ifLink3} | |
205 | ||
206 | </div> | |
207 | ||
208 | <div id="sidebarimage"><img src="{image:sidebar}"></div> | |
209 | ||
210 | <div id="description">{Description}</div> | |
211 | ||
212 | <div id="pagination"> | |
213 | {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}{/block:Pagination}<br><br><br> | |
214 | </div> | |
215 | ||
216 | </div> | |
217 | ||
218 | <div id="entries">{block:Posts}<div id="post"> | |
219 | <div id="theme"><a title= "http://malikhaz.tumblr.com/"><font face="monotype corsiva">P</font></a></div> | |
220 | ||
221 | {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text} | |
222 | ||
223 | {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo} | |
224 | ||
225 | {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset} | |
226 | ||
227 | {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link} | |
228 | ||
229 | {block:Quote}<div class="quote""><div class="medium">{Quote}</div></div>{block:Source} -{Source}{/block:Source}{/block:Quote} | |
230 | ||
231 | {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat} | |
232 | ||
233 | {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio} | |
234 | ||
235 | {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} | |
236 | ||
237 | {block:Answer}<i><b><div id="asker"><img src="http://static.tumblr.com/cc4ocei/Y5Mkzk5s7/quote.png"></div>{Asker} asked:<br>{Question}</i></b><br>{Answer}{/block:Answer} | |
238 | ||
239 | <div id="info"> | |
240 | {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}"> | |
241 | {NoteCountWithLabel}</a><br> {block:HasTags}{block:Tags} · <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div> | |
242 | ||
243 | </div> | |
244 | {block:PostNotes}{PostNotes}{/block:PostNotes} | |
245 | {/block:Posts}</div> | |
246 | ||
247 | </div> | |
248 | ||
249 | </body> | |
250 | </html> |