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 | ||
| 3 | <!----------------- | |
| 4 | Theme by Dagmar - | |
| 5 | ╭╮╱╱╭╮╭╮╱╱╱╱╱╱╱╱╱╭╮ | |
| 6 | ┃┃╱╱┃┃┃┃╱╱╱╱╱╱╱╱╱┃┃ | |
| 7 | ┃╰━┳┫┃┃┃╭┳━━┳━╮╭━╯┣━━┳╮╱╭┳━━╮ | |
| 8 | ┃╭╮┣┫┃┃┃┣┫╭╮┃╭╮┫╭╮┃╭╮┃┃╱┃┃━━┫ | |
| 9 | ┃╰╯┃┃╰┫╰┫┃╰╯┃┃┃┃╰╯┃╭╮┃╰━╯┣━━┃ | |
| 10 | ╰━━┻┻━┻━┻┻━━┻╯╰┻━━┻╯╰┻━╮╭┻━━╯ | |
| 11 | ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃ | |
| 12 | ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯ | |
| 13 | ||
| 14 | Do not remove credit please. | |
| 15 | -------------> | |
| 16 | ||
| 17 | ||
| 18 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
| 19 | <head><title>{Title}</title>
| |
| 20 | <link rel="shortcut icon" href="{Favicon}">
| |
| 21 | <link rel="alternate" type="application/rss+xml" href="{RSS}">
| |
| 22 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
| |
| 23 | ||
| 24 | ||
| 25 | <meta name="color:Background" content="#ffffff"/> | |
| 26 | <meta name="color:Sidebar" content="#ffffff"/> | |
| 27 | <meta name="color:Text" content="#a8a8a8"/> | |
| 28 | <meta name="color:Link" content="#b8b8b8"/> | |
| 29 | <meta name="color:Tags" content="f0f0f0"/> | |
| 30 | <meta name="color:Hover" content="#f2f2f2"/> | |
| 31 | <meta name="color:Line" content="#f2f2f2"/> | |
| 32 | <meta name="color:Post" content="#ffffff"/> | |
| 33 | <meta name="color:Answer" content="#f8f8f8"/> | |
| 34 | <meta name="image:sidebar" content=""/> | |
| 35 | <meta name="image:sidebar2" content=""/> | |
| 36 | <meta name="image:bg" content=""/> | |
| 37 | <meta name="text:Link 1" content="" /> | |
| 38 | <meta name="text:Link 1 Text" content="" /> | |
| 39 | <meta name="text:Link 2" content="" /> | |
| 40 | <meta name="text:Link 2 Text" content="" /> | |
| 41 | <meta name="color:scrollbarbg" content="ffffff"/> | |
| 42 | ||
| 43 | ||
| 44 | <style type="text/css"> | |
| 45 | ||
| 46 | #bite | |
| 47 | #bite a{
| |
| 48 | display:block | |
| 49 | } | |
| 50 | #bite .death {
| |
| 51 | margin-right:0px;filter: alpha(opacity = 0); | |
| 52 | opacity:0;-webkit-transition: all 0.5s ease-out; | |
| 53 | -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; | |
| 54 | } | |
| 55 | ||
| 56 | #bite:hover .death {
| |
| 57 | margin-left:0px; | |
| 58 | ||
| 59 | -webkit-transition: all 0.8s ease-out; | |
| 60 | -moz-transition: all 0.8s ease-out; | |
| 61 | transition: all 0.8s ease-out; | |
| 62 | filter: alpha(opacity = 100); | |
| 63 | filter: alpha(opacity = 100); | |
| 64 | opacity:8; | |
| 65 | } | |
| 66 | ||
| 67 | /* --- SCROLLBAR ---*/ | |
| 68 | ||
| 69 | ::-webkit-scrollbar {
| |
| 70 | width: 5px;height: 5px;} | |
| 71 | ::-webkit-scrollbar-button:start:decrement, | |
| 72 | ::-webkit-scrollbar-button:end:increment {
| |
| 73 | height: 6px;display: block;background-color: {color:white};}
| |
| 74 | ::-webkit-scrollbar-track-piece {
| |
| 75 | background-color: {color:scrollbarbg};}
| |
| 76 | ::-webkit-scrollbar-thumb:vertical {
| |
| 77 | height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
| |
| 78 | ||
| 79 | ||
| 80 | /* --- BODY ---*/ | |
| 81 | ||
| 82 | body {
| |
| 83 | background:{color:background};
| |
| 84 | margin:0px; | |
| 85 | color:{color:text};
| |
| 86 | font-family:Calibri; | |
| 87 | font-size:9px; | |
| 88 | line-height:100%; | |
| 89 | } | |
| 90 | ||
| 91 | a {
| |
| 92 | text-decoration:none; | |
| 93 | outline:none; | |
| 94 | -moz-outline-style:none; | |
| 95 | color:{color:link};
| |
| 96 | } | |
| 97 | ||
| 98 | img {
| |
| 99 | border:none; | |
| 100 | } | |
| 101 | ||
| 102 | blockquote {
| |
| 103 | padding-left:5px; | |
| 104 | border-left:2px solid; | |
| 105 | } | |
| 106 | ||
| 107 | blockquote blockquote {
| |
| 108 | padding-left:5px; | |
| 109 | border-left:2px solid; | |
| 110 | } | |
| 111 | ||
| 112 | h1 {
| |
| 113 | font-size:9px; | |
| 114 | text-transform:uppercase; | |
| 115 | } | |
| 116 | ||
| 117 | a:hover {
| |
| 118 | opacity:1; | |
| 119 | color:{color:hover};
| |
| 120 | -webkit-transition: all 0.7s ease; | |
| 121 | -moz-transition: all 0.7s ease; | |
| 122 | -o-transition: all 0.7s ease | |
| 123 | } | |
| 124 | ||
| 125 | /* --- POST ENTRIES ---*/ | |
| 126 | ||
| 127 | ||
| 128 | #entries {
| |
| 129 | padding:10px; | |
| 130 | width:500px; | |
| 131 | margin-left:450px; | |
| 132 | margin-top:40px; | |
| 133 | font-size:10px; | |
| 134 | } | |
| 135 | ||
| 136 | /* --- BODY: POSTS ---*/ | |
| 137 | ||
| 138 | ||
| 139 | #post {
| |
| 140 | width:500px; | |
| 141 | padding-bottom:20px; | |
| 142 | padding:10px; | |
| 143 | margin-top:15px; | |
| 144 | background-color:{color:Post};
| |
| 145 | } | |
| 146 | ||
| 147 | /* --- SIDEBAR IMAGE ---*/ | |
| 148 | ||
| 149 | ||
| 150 | #sidebar {
| |
| 151 | width:100px; | |
| 152 | position:fixed; | |
| 153 | margin-left:260px; | |
| 154 | margin-top:150px; | |
| 155 | opacity:.80; | |
| 156 | height:200px; | |
| 157 | background-color:{color:Sidebar};
| |
| 158 | } | |
| 159 | ||
| 160 | #sidebarimage {
| |
| 161 | width 100px; | |
| 162 | } | |
| 163 | ||
| 164 | #sidebarimage img {
| |
| 165 | width:100px; | |
| 166 | height:100px; | |
| 167 | padding:4px; | |
| 168 | border-color: {color:border};
| |
| 169 | background-color:{color:Sidebar};}
| |
| 170 | ||
| 171 | ||
| 172 | #sidebarpic {
| |
| 173 | width 100px; | |
| 174 | height:100px; | |
| 175 | } | |
| 176 | ||
| 177 | #sidebarpic img {
| |
| 178 | width:100px; | |
| 179 | height:100px; | |
| 180 | padding:4px; | |
| 181 | border-color: {color:border};
| |
| 182 | background-color:{color:Sidebar};
| |
| 183 | } | |
| 184 | ||
| 185 | #sidebarpic img:hover {
| |
| 186 | opacity:0.2; | |
| 187 | -webkit-transition: all .9s ease-in-out; | |
| 188 | -moz-transition: all .5s ease-in-out; | |
| 189 | -o-transition: all .5s ease-in-out; | |
| 190 | z-index:999; | |
| 191 | } | |
| 192 | ||
| 193 | #sidebarpic img:hover #description {
| |
| 194 | opacity:1; | |
| 195 | } | |
| 196 | ||
| 197 | ||
| 198 | #sidebarimage img:hover {
| |
| 199 | opacity:0.2; | |
| 200 | -webkit-transition: all .9s ease-in-out; | |
| 201 | -moz-transition: all .5s ease-in-out; | |
| 202 | -o-transition: all .5s ease-in-out; | |
| 203 | z-index:999; | |
| 204 | } | |
| 205 | ||
| 206 | ||
| 207 | #sidebarimage img:hover #pagination {
| |
| 208 | opacity:1; | |
| 209 | -webkit-transition: all .9s ease-in-out; | |
| 210 | -moz-transition: all .5s ease-in-out; | |
| 211 | -o-transition: all .5s ease-in-out; | |
| 212 | z-index:999; | |
| 213 | } | |
| 214 | ||
| 215 | ||
| 216 | ||
| 217 | ||
| 218 | /* --- SIDEBAR LINKS ---*/ | |
| 219 | ||
| 220 | .links {
| |
| 221 | width:55px; | |
| 222 | height:5px; | |
| 223 | padding: 9px; | |
| 224 | font-size:8px; | |
| 225 | font-family:'calibri'; | |
| 226 | text-align:center; | |
| 227 | margin-top:-200px; | |
| 228 | margin-left:-80px; | |
| 229 | text-align:center; | |
| 230 | text-transform:uppercase; | |
| 231 | word-spacing:2px; | |
| 232 | position:fixed; | |
| 233 | padding-bottom:7px; | |
| 234 | } | |
| 235 | ||
| 236 | .links a {
| |
| 237 | font-size: 12px; | |
| 238 | display:block; | |
| 239 | line-height:150%; | |
| 240 | background-color:#000; | |
| 241 | padding:9px; | |
| 242 | } | |
| 243 | ||
| 244 | .links a:hover {
| |
| 245 | border-color:#ddd; | |
| 246 | border-left:5px solid; | |
| 247 | border-right:5px solid; | |
| 248 | background-color:#fff; | |
| 249 | text-shadow:2px 5px 2px; | |
| 250 | color:{color:Hover}
| |
| 251 | } | |
| 252 | ||
| 253 | ||
| 254 | /* --- DESCRIPTION ---*/ | |
| 255 | ||
| 256 | #description {
| |
| 257 | font-family:cambria; | |
| 258 | line-height:120%; | |
| 259 | font-size:9px; | |
| 260 | font-style:italic; | |
| 261 | width:80px; | |
| 262 | - | height:80px; |
| 262 | + | height:81px; |
| 263 | - | margin-top:-204px; |
| 263 | + | margin-top:-205px; |
| 264 | padding:10px; | |
| 265 | background-color:#000; | |
| 266 | opacity:0.8; | |
| 267 | margin-left:4px; | |
| 268 | text-align:justify; | |
| 269 | color:{color:text};
| |
| 270 | position:fixed; | |
| 271 | } | |
| 272 | ||
| 273 | #description a {color:{color:text}; -moz-transition-duration:0.4s;
| |
| 274 | -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;} | |
| 275 | ||
| 276 | #description a:hover {}
| |
| 277 | ||
| 278 | ||
| 279 | /* --- PAGINATION---*/ | |
| 280 | ||
| 281 | ||
| 282 | #pagination {
| |
| 283 | width:84px; | |
| 284 | height:84px; | |
| 285 | opacity:0; | |
| 286 | font-size:20px; | |
| 287 | text-align:center; | |
| 288 | margin-left:4px; | |
| 289 | margin-top:-96px; | |
| 290 | padding:8px; | |
| 291 | background-color:#000; | |
| 292 | position:fixed; | |
| 293 | font-family:cambria; | |
| 294 | font-style:italic; | |
| 295 | letter-spacing:0px; | |
| 296 | -webkit-transition: all .9s ease-in-out; | |
| 297 | -moz-transition: all .5s ease-in-out; | |
| 298 | -o-transition: all .5s ease-in-out; | |
| 299 | z-index:999; | |
| 300 | } | |
| 301 | #pagination:hover {
| |
| 302 | opacity:0.8; | |
| 303 | -moz-transition-duration:0.4s; | |
| 304 | -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;} | |
| 305 | ||
| 306 | /* --- POST INFO ---*/ | |
| 307 | ||
| 308 | ||
| 309 | #info {
| |
| 310 | text-align:left; | |
| 311 | margin-top:10px; | |
| 312 | text-transform:uppercase; | |
| 313 | font-size:8px; | |
| 314 | font-style:none; | |
| 315 | border-top:1px solid {color:Line}
| |
| 316 | } | |
| 317 | ||
| 318 | /* --- POST TAGS---*/ | |
| 319 | ||
| 320 | ||
| 321 | #tags {
| |
| 322 | font-family:cambria; | |
| 323 | letter-spacing:0px; | |
| 324 | text-transform:lowercase; | |
| 325 | font-size:10px; | |
| 326 | font-style:italic; | |
| 327 | margin-top:4px; | |
| 328 | text-align:left; | |
| 329 | } | |
| 330 | ||
| 331 | #tags | |
| 332 | a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
| |
| 333 | -webkit-transition: all 0.6s ease-in-out; | |
| 334 | -moz-transition: all 0.6s ease-in-out; | |
| 335 | -o-transition: all 0.6s ease-in-out; | |
| 336 | -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} | |
| 337 | ||
| 338 | ||
| 339 | /* --- QUESTIONS ---*/ | |
| 340 | ||
| 341 | #asker {
| |
| 342 | padding:5px; | |
| 343 | font-family:cambria; | |
| 344 | letter-spacing:1px; | |
| 345 | text-align:left; | |
| 346 | font-style:italic; | |
| 347 | margin-left:10px; | |
| 348 | border-left:3px #eee solid; | |
| 349 | background-color:{color:background}
| |
| 350 | } | |
| 351 | ||
| 352 | {CustomCSS}</style></head><body>
| |
| 353 | ||
| 354 | <div id="sidebar"> | |
| 355 | <div id="bite"><div id="sidebarimage"><img src="{image:sidebar}"></div>
| |
| 356 | <div id="sidebarpic"><img src="{image:sidebar2}"></div>
| |
| 357 | ||
| 358 | ||
| 359 | <div class="death"><div id="description"> | |
| 360 | {Description}
| |
| 361 | </div></div></div> | |
| 362 | ||
| 363 | ||
| 364 | <div class="links"> | |
| 365 | <a href="/">home</a><br> | |
| 366 | <a href="/ask">mssg</a> <br> | |
| 367 | <a href="{text:Link 1}">{text:Link 1 Text}</a><br>
| |
| 368 | <a href="{text:Link 2}">{text:Link 2 Text}</a>
| |
| 369 | </div> | |
| 370 | ||
| 371 | ||
| 372 | {block:Pagination}<div id="pagination">
| |
| 373 | {block:PreviousPage}<a href="{PreviousPage}"><b><big><br><br>prev</big></b></a>{/block:PreviousPage}
| |
| 374 | {block:NextPage}<a href="{NextPage}"><b><big><br><br><br>next</big></b></a>{/block:NextPage}
| |
| 375 | </div>{/block:Pagination}
| |
| 376 | </div> | |
| 377 | ||
| 378 | <div id="entries">{block:Posts}<div id="post">
| |
| 379 | ||
| 380 | {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
| |
| 381 | ||
| 382 | {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
| |
| 383 | ||
| 384 | {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
| |
| 385 | ||
| 386 | {block:Quote}{Quote}{/block:Quote}
| |
| 387 | ||
| 388 | {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
| |
| 389 | ||
| 390 | {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
| |
| 391 | ||
| 392 | {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
| |
| 393 | <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
| |
| 394 | <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
| |
| 395 | {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
| |
| 396 | {/block:Audio}
| |
| 397 | ||
| 398 | {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
| |
| 399 | ||
| 400 | {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">✎ {Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
| |
| 401 | ||
| 402 | <div id="info"> | |
| 403 | <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
| |
| 404 | {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
| |
| 405 | {/block:Posts}
| |
| 406 | {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
| |
| 407 | {/block:Posts}</div></div></div>
| |
| 408 | ||
| 409 | ||
| 410 | ||
| 411 | <!-- | |
| 412 | THEME MAKER CREDIT | |
| 413 | --> | |
| 414 | ||
| 415 | <div style="position:fixed;bottom:3px; right:3px; font-size:8px; letter-spacing:1px; font-family:cambria;"><a href="http://billiondays.tumblr.com/">© BILLIONDAYS</a></center></div> | |
| 416 | ||
| 417 | ||
| 418 | </body></html> |