SHOW:
|
|
- or go back to the newest paste.
| 1 | <html> | |
| 2 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> | |
| 4 | <head> | |
| 5 | ||
| 6 | <!--Default Variables--> | |
| 7 | <!--Colors--> | |
| 8 | <meta name="color:Box" content="#f8f8f8"/> | |
| 9 | <meta name="color:Background" content="#ffffff"/> | |
| 10 | <meta name="color:Border" content="#e8e8e8"/> | |
| 11 | <meta name="color:HyperLink" content="#b1486c"/> | |
| 12 | <meta name="color:HyperLink Hover" content="#d6bfc7"/> | |
| 13 | <meta name="color:Scrollbar" content="#b1486c"/> | |
| 14 | <meta name="color:Links Text" content="#d59db0"/> | |
| 15 | <meta name="color:Link Text Hover" content="#292727"/> | |
| 16 | <meta name="color:Text" content="#9c8f93"/> | |
| 17 | ||
| 18 | <!--Images--> | |
| 19 | <meta name="image:Background" content""/> | |
| 20 | <meta name="image:Sidebar" content""/> | |
| 21 | ||
| 22 | <!--Options--> | |
| 23 | <meta name="if:Infinite Scrolling" content=""/> | |
| 24 | ||
| 25 | <!--Links--> | |
| 26 | <meta name="text:Link 1 URL" content="/"/> | |
| 27 | <meta name="text:Link 1 name" content=""/> | |
| 28 | <meta name="text:Link 2 URL" content="/"/> | |
| 29 | <meta name="text:Link 2 name" content=""/> | |
| 30 | <meta name="text:Link 3 URL" content="/"/> | |
| 31 | <meta name="text:Link 3 name" content=""/> | |
| 32 | <meta name="text:Link 4 URL" content="/"/> | |
| 33 | <meta name="text:Link 4 name" content=""/> | |
| 34 | - | <meta name="text:Link 5 URL" content="/"/> |
| 34 | + | |
| 35 | - | <meta name="text:Link 5 name" content=""/> |
| 35 | + | <div style="font-size: 10px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase;"><a href="http://joshdevin.tumblr.com">©joshdevin</a></div><style type="text/css"> |
| 36 | - | <meta name="text:Link 6 URL" content="/"/> |
| 36 | + | |
| 37 | - | <meta name="text:Link 6 name" content=""/> |
| 37 | + | |
| 38 | - | |
| 38 | + | |
| 39 | <script src="jquery.js"></script> | |
| 40 | <script> | |
| 41 | $(document).ready(function(){
| |
| 42 | $("#flip").click(function(){
| |
| 43 | $("#panel").slideToggle("fast");
| |
| 44 | }); | |
| 45 | }); | |
| 46 | </script> | |
| 47 | ||
| 48 | ||
| 49 | {block:ifInfiniteScrolling}
| |
| 50 | <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> | |
| 51 | {/block:ifInfiniteScrolling}
| |
| 52 | ||
| 53 | {block:Description}
| |
| 54 | <meta name="description" content="{MetaDescription}" />{/block:Description}
| |
| 55 | <title> | |
| 56 | {block:PostSummary}
| |
| 57 | - | </style> |
| 57 | + | |
| 58 | - | |
| 58 | + | |
| 59 | ||
| 60 | - | |
| 60 | + | |
| 61 | img{
| |
| 62 | -webkit-transition: opacity 0.5s linear; | |
| 63 | opacity: 0.75; | |
| 64 | - | opacity: 0.8; |
| 64 | + | |
| 65 | ||
| 66 | img:hover{
| |
| 67 | -webkit-transition: opacity 0.5s linear; | |
| 68 | opacity: 1; | |
| 69 | } | |
| 70 | ||
| 71 | ||
| 72 | img{
| |
| 73 | -moz-transition: opacity 0.5s linear; | |
| 74 | opacity: 0.75; | |
| 75 | - | opacity: 0.8; |
| 75 | + | |
| 76 | ||
| 77 | img:hover{
| |
| 78 | -moz-transition: opacity 0.5s linear; | |
| 79 | opacity: 1; | |
| 80 | } | |
| 81 | ||
| 82 | ||
| 83 | - | #bite |
| 83 | + | |
| 84 | - | #bite a{
|
| 84 | + | |
| 85 | - | display:block |
| 85 | + | |
| 86 | ||
| 87 | - | #bite .death {
|
| 87 | + | |
| 88 | - | margin-top:-40px;filter: alpha(opacity = 0); |
| 88 | + | |
| 89 | - | opacity:0;-webkit-transition: all 0.5s ease-out; |
| 89 | + | |
| 90 | - | -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; |
| 90 | + | |
| 91 | ||
| 92 | - | |
| 92 | + | |
| 93 | - | #bite:hover .death {
|
| 93 | + | |
| 94 | - | margin-top:2px; |
| 94 | + | |
| 95 | - | -webkit-transition: all 0.8s ease-out; |
| 95 | + | |
| 96 | - | -moz-transition: all 0.8s ease-out; |
| 96 | + | |
| 97 | - | transition: all 0.8s ease-out; |
| 97 | + | |
| 98 | - | filter: alpha(opacity = 100); |
| 98 | + | |
| 99 | - | filter: alpha(opacity = 100); |
| 99 | + | |
| 100 | - | opacity:100; |
| 100 | + | |
| 101 | background-position: center; | |
| 102 | font-family:calibri; | |
| 103 | font-size:11px; | |
| 104 | line-height:12px; | |
| 105 | color:{color:Text};
| |
| 106 | } | |
| 107 | ||
| 108 | a:link, a:active, a:visited{
| |
| 109 | color: {color:HyperLink};
| |
| 110 | text-decoration:none; | |
| 111 | -webkit-transition: all 0.4s linear; | |
| 112 | -moz-transition: all 0.4s linear; | |
| 113 | transition: all 0.4s linear; | |
| 114 | } | |
| 115 | ||
| 116 | a:hover{
| |
| 117 | color: {color:HyperLink Hover};
| |
| 118 | {block:iftinycursor}
| |
| 119 | cursor: url(http://i.imgur.com/IepP2.jpg), progress; | |
| 120 | {/block:iftinycursor}
| |
| 121 | } | |
| 122 | ||
| 123 | #container {
| |
| 124 | margin:auto; | |
| 125 | width:400px; | |
| 126 | } | |
| 127 | ||
| 128 | #content {
| |
| 129 | width:400px; | |
| 130 | padding:20px; | |
| 131 | margin:auto; | |
| 132 | margin-top:-10px; | |
| 133 | } | |
| 134 | ||
| 135 | #entry {
| |
| 136 | width:400px; | |
| 137 | margin-top:20px; | |
| 138 | margin-left:110px; | |
| 139 | padding:3px; | |
| 140 | ||
| 141 | } | |
| 142 | ||
| 143 | #permalink{
| |
| 144 | position:relative; | |
| 145 | margin-top:9px; | |
| 146 | padding-top:3px; | |
| 147 | font-size:8px; | |
| 148 | line-height:10px; | |
| 149 | font-family:cambria; | |
| 150 | letter-spacing:1px; | |
| 151 | text-transform:uppercase; | |
| 152 | } | |
| 153 | ||
| 154 | #info{
| |
| 155 | position:absolute; | |
| 156 | margin-top:-11px; | |
| 157 | font-size:8px; | |
| 158 | line-height:10px; | |
| 159 | font-family:cambria; | |
| 160 | letter-spacing:1px; | |
| 161 | right:0; | |
| 162 | text-transform:uppercase; | |
| 163 | } | |
| 164 | ||
| 165 | #answer {
| |
| 166 | padding-top:50px; | |
| 167 | } | |
| 168 | ||
| 169 | #ask {
| |
| 170 | float:left; | |
| 171 | margin-right:5px; | |
| 172 | padding:5px; | |
| 173 | background:{color:Ask Background};
| |
| 174 | width:492px; | |
| 175 | } | |
| 176 | ||
| 177 | #asker {
| |
| 178 | float:left; | |
| 179 | } | |
| 180 | ||
| 181 | .askername{
| |
| 182 | text-transform:uppercase; | |
| 183 | font-size:10px; | |
| 184 | font-weight:bold; | |
| 185 | letter-spacing:1px; | |
| 186 | padding-top:3px; | |
| 187 | margin-top:3px; | |
| 188 | text-align:right; | |
| 189 | border-top:1px solid {color:Border};
| |
| 190 | } | |
| 191 | ||
| 192 | #side {
| |
| 193 | position:fixed; | |
| 194 | text-align:center; | |
| 195 | width:150px; | |
| 196 | margin-top:270px; | |
| 197 | margin-left:-100px; | |
| 198 | } | |
| 199 | ||
| 200 | #navigate a{
| |
| 201 | text-transform:uppercase; | |
| 202 | font-family:courier; | |
| 203 | font-size:8px; | |
| 204 | letter-spacing:1px; | |
| 205 | margin-top:3px; | |
| 206 | margin-left:3px; | |
| 207 | text-align:center; | |
| 208 | z-index:1; | |
| 209 | display:inline-block; | |
| 210 | background:{color:Sidelinks};
| |
| 211 | color:{color:Links Text};
| |
| 212 | transition: all 0.5s ease-out; | |
| 213 | -o-transition-transition: all 0.5s ease-out; | |
| 214 | -webkit-transition: all 0.5s ease-out; | |
| 215 | -moz-transition: all 0.5s ease-out; | |
| 216 | } | |
| 217 | ||
| 218 | #navigate a:hover{
| |
| 219 | background:{color:Link Hover};
| |
| 220 | - | |
| 220 | + | |
| 221 | - | |
| 221 | + | |
| 222 | -o-transition-transition: all 0.5s ease-out; | |
| 223 | - | |
| 223 | + | |
| 224 | -moz-transition: all 0.5s ease-out; | |
| 225 | - | text-transform:uppercase; |
| 225 | + | |
| 226 | - | font-family:courier; |
| 226 | + | |
| 227 | .pgs {
| |
| 228 | - | letter-spacing:.01px; |
| 228 | + | |
| 229 | - | margin-top:1px; |
| 229 | + | |
| 230 | - | width:30px; |
| 230 | + | |
| 231 | - | margin-left:110px; |
| 231 | + | |
| 232 | - | text-align:center; |
| 232 | + | |
| 233 | - | display:block; |
| 233 | + | |
| 234 | - | background:{color:Sidelinks};
|
| 234 | + | |
| 235 | - | color:{color:Links Text}; transition: all 0.5s ease-out;
|
| 235 | + | |
| 236 | .posttitle{
| |
| 237 | - | -webkit-transition: all 0.5s ease-out; |
| 237 | + | |
| 238 | - | -moz-transition: all 0.5s ease-out; } |
| 238 | + | |
| 239 | line-height: 20px; | |
| 240 | } | |
| 241 | ||
| 242 | blockquote{
| |
| 243 | padding:0px 0px 2px 5px; | |
| 244 | margin:0px 0px 2px 1px; | |
| 245 | border-left: 3px solid {color:HyperLink Hover};}
| |
| 246 | blockquote p, ul{margin:0px; padding:0px;
| |
| 247 | } | |
| 248 | ||
| 249 | .chat .line{
| |
| 250 | padding: 2px; | |
| 251 | } | |
| 252 | ||
| 253 | .chat .line .odd{
| |
| 254 | color: {color:Link};
| |
| 255 | } | |
| 256 | ||
| 257 | .label {font-weight:bold; color:{color:text}}
| |
| 258 | ||
| 259 | a img{border: 0px;}
| |
| 260 | ||
| 261 | .p { padding-top: 5px; }
| |
| 262 | .ol, ul { margin-left: 10px; padding: 5px; }
| |
| 263 | .ul { list-style-type: square; }
| |
| 264 | ||
| 265 | .cover {position: absolute; z-index: 1; width:75px; padding:5px; border:1px solid {color:Border};}
| |
| 266 | ||
| 267 | .playbox {position: absolute; z-index: 1000;}
| |
| 268 | ||
| 269 | .playbutton {width: 26px; height: 26px; overflow: hidden; position: relative; z-index:2;border:5px solid white;}
| |
| 270 | ||
| 271 | .playbox {background-color: black; position: absolute; z-index:2; margin-top: 25px; margin-left: 24px; opacity:.6;
| |
| 272 | -webkit-transition: all 0.6s linear; | |
| 273 | -moz-transition: all 0.6s linear; | |
| 274 | transition: all 0.6s linear;} | |
| 275 | ||
| 276 | .playbox:hover {opacity:.8;}
| |
| 277 | ||
| 278 | .title{
| |
| 279 | width: | |
| 280 | position:absolute; | |
| 281 | line-height:23px; | |
| 282 | margin-left:90px; | |
| 283 | padding:4px; | |
| 284 | z-index: 1000; | |
| 285 | text-transform:uppercase; | |
| 286 | } | |
| 287 | ||
| 288 | .video embed, .post div.video object {width:250px; height:187px}
| |
| 289 | ||
| 290 | .notes img{width:10px; position:left; top:3px;}
| |
| 291 | ||
| 292 | ||
| 293 | {CustomCSS}
| |
| 294 | </style> | |
| 295 | ||
| 296 | <link rel="shortcut icon" href="{Favicon}">
| |
| 297 | <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
| |
| 298 | ||
| 299 | </head> | |
| 300 | <body> | |
| 301 | <div id="container"> | |
| 302 | <div id="content"> | |
| 303 | <div id="side"> | |
| 304 | <div id="sidepic"> | |
| 305 | <a href="/"><img src="{image:Sidebar}" width="130" style="z-index:999;padding:5px; background:white; border:1px solid {color:Border};margin-top:2px;margin-left:2px;"></a>
| |
| 306 | </div> | |
| 307 | ||
| 308 | <div class="desc"> | |
| 309 | - | |
| 309 | + | |
| 310 | - | #description {
|
| 310 | + | <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
|
| 311 | - | margin-top:118px; |
| 311 | + | <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
|
| 312 | - | margin-left:-2px; |
| 312 | + | <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
|
| 313 | <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
| |
| 314 | </div> | |
| 315 | - | font-style:italic; |
| 315 | + | |
| 316 | - | font-size:9px; |
| 316 | + | |
| 317 | - | width:110px; |
| 317 | + | <div style="padding:2px;margin-top:2px;width:100px;margin-left:24px;font-size:10px;"> |
| 318 | {block:Pagination}{/block:Pagination}
| |
| 319 | - | z-index:-1; |
| 319 | + | {Description}
|
| 320 | {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
| |
| 321 | - | line-height:100%;} |
| 321 | + | {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
|
| 322 | <hr color="#d6d5d5" size=".5" width="85%"> | |
| 323 | ||
| 324 | </div> | |
| 325 | {block:ifNotInfiniteScrolling}
| |
| 326 | {block:PreviousPage}
| |
| 327 | {/block:PreviousPage}
| |
| 328 | {block:NextPage}
| |
| 329 | {/block:NextPage}
| |
| 330 | </div> | |
| 331 | {/block:ifNotInfiniteScrolling}
| |
| 332 | </div> | |
| 333 | ||
| 334 | {block:Posts}
| |
| 335 | <div style="border: 1px solid {color:border};padding:10px;" id="entry">
| |
| 336 | ||
| 337 | {block:Text}
| |
| 338 | {block:Title}
| |
| 339 | <div class="posttitle">{Title}</div>
| |
| 340 | - | <div id="bite"> |
| 340 | + | |
| 341 | {Body}
| |
| 342 | - | <a href="/"><img src="{image:Sidebar}" width="100" style="posiion:fixed;z-index:999; padding:5px; background:white; border:1px solid {color:Border};margin-top:2px;margin-left:2px;"></a>
|
| 342 | + | |
| 343 | ||
| 344 | - | |
| 344 | + | |
| 345 | - | <div style="padding:2px;margin-top:-113px;width:100px;margin-left:22px;text-align:cent;"> |
| 345 | + | |
| 346 | - | <div id="description">{Description}<br>{block:Pagination}{/block:Pagination}
|
| 346 | + | |
| 347 | </div> | |
| 348 | - | {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>
|
| 348 | + | |
| 349 | - | |
| 349 | + | |
| 350 | ||
| 351 | - | <div class="death"> |
| 351 | + | |
| 352 | <center> | |
| 353 | - | <a style="border: 1px solid {color:Border}; padding:1px;" href="{text:Link 1 URL}">{text:Link 1 name}</a>
|
| 353 | + | |
| 354 | - | <a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 2 URL}">{text:Link 2 name}</a>
|
| 354 | + | |
| 355 | - | <a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 3 URL}">{text:Link 3 name}</a>
|
| 355 | + | |
| 356 | - | <a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 4 URL}">{text:Link 4 name}</a>
|
| 356 | + | |
| 357 | - | <a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 5 URL}">{text:Link 5 name}</a>
|
| 357 | + | |
| 358 | - | <a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 6 URL}">{text:Link 6 name}</a>
|
| 358 | + | |
| 359 | </center> | |
| 360 | {block:Caption}{Caption}{/block:Caption}
| |
| 361 | {block:ContentSource}
| |
| 362 | - | |
| 362 | + | |
| 363 | width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
| |
| 364 | {/block:SourceLogo}
| |
| 365 | {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
| |
| 366 | {/block:ContentSource}
| |
| 367 | {block:ReblogParentURL}
| |
| 368 | <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
| |
| 369 | {/block:ReblogParentURL}
| |
| 370 | {/block:Photo}
| |
| 371 | ||
| 372 | {block:Photoset}
| |
| 373 | <center> | |
| 374 | <div class="photo"> | |
| 375 | {Photoset-400}
| |
| 376 | </div> | |
| 377 | </center> | |
| 378 | {block:Caption}{Caption}{/block:Caption}
| |
| 379 | {/block:Photoset}
| |
| 380 | ||
| 381 | {block:Quote}
| |
| 382 | <div class="posttitle">"{Quote}"</div>
| |
| 383 | {block:Source}
| |
| 384 | <i> - {Source}</i>
| |
| 385 | {/block:Source}
| |
| 386 | {/block:Quote}
| |
| 387 | ||
| 388 | {block:Chat}
| |
| 389 | {block:Title}
| |
| 390 | <div class="posttitle"> | |
| 391 | {Title}
| |
| 392 | </div> | |
| 393 | {/block:Title}
| |
| 394 | <div class="chat"> | |
| 395 | {block:Lines}
| |
| 396 | <div class="chat"> | |
| 397 | <div class="line {Alt}">
| |
| 398 | <div class="{Alt} user_{UserNumber}">
| |
| 399 | {block:Label}
| |
| 400 | <b>{Label} </b>
| |
| 401 | {/block:Label}
| |
| 402 | {Line}
| |
| 403 | </div> | |
| 404 | </div> | |
| 405 | </div> | |
| 406 | {/block:Lines}
| |
| 407 | </div> | |
| 408 | {/block:Chat}
| |
| 409 | ||
| 410 | {block:Audio}
| |
| 411 | <div class="playbox"> | |
| 412 | <div class="playbutton"> | |
| 413 | {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
| |
| 414 | </div></div> | |
| 415 | {block:AlbumArt}
| |
| 416 | <img src="{AlbumArtURL}" class="cover">
| |
| 417 | {/block:AlbumArt}
| |
| 418 | ||
| 419 | <div class="title"> | |
| 420 | {block:TrackName}
| |
| 421 | <b>Title</b>:{TrackName}
| |
| 422 | {/block:TrackName}
| |
| 423 | </div> | |
| 424 | ||
| 425 | <div class="title"> | |
| 426 | {block:Artist}
| |
| 427 | <b>Artist:</b>{Artist}
| |
| 428 | {/block:Artist}
| |
| 429 | </div> | |
| 430 | ||
| 431 | <div class="title"> | |
| 432 | {PlayCountWithLabel}
| |
| 433 | </div> | |
| 434 | ||
| 435 | <br> | |
| 436 | {block:Caption}{Caption}{/block:Caption}
| |
| 437 | {/block:Audio}
| |
| 438 | ||
| 439 | {block:Video}
| |
| 440 | <center> | |
| 441 | <div class="photo"> | |
| 442 | {Video-500}
| |
| 443 | </div> | |
| 444 | </center> | |
| 445 | {block:Caption}{Caption}{/block:Caption}
| |
| 446 | {/block:Video}
| |
| 447 | ||
| 448 | {block:IndexPage}
| |
| 449 | <div id="permalink">posted | |
| 450 | <a href="{Permalink}"> {TimeAgo}</a>
| |
| 451 | with | |
| 452 | <a href="{Permalink}">{NoteCountWithLabel}</a>
| |
| 453 | <div id="info"> | |
| 454 | {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">via:{ReblogParentName}</a> / (<a href="{ReblogRootURL}" target="_blank">©:{ReblogRootName}</a>) {/block:RebloggedFrom}
| |
| 455 | </div> | |
| 456 | <br> | |
| 457 | {block:HasTags}
| |
| 458 | TAGGED AS: | |
| 459 | {block:Tags}<a href="{TagURL}">#{Tag}</a>
| |
| 460 | {/block:Tags}
| |
| 461 | {/block:HasTags}
| |
| 462 | </div> | |
| 463 | {/block:IndexPage}
| |
| 464 | ||
| 465 | {block:PermalinkPage}
| |
| 466 | <center> | |
| 467 | <div id="permalink"> | |
| 468 | {block:Date}
| |
| 469 | {TimeAgo} on
| |
| 470 | {ShortMonth} {DayofMonth},{Year}
| |
| 471 | {/block:Date}
| |
| 472 | {block:NoteCount} · {NoteCountWithLabel}
| |
| 473 | {/block:NoteCount}
| |
| 474 | {block:HasTags} · Tags:
| |
| 475 | {block:Tags}<a href="{TagURL}">#{Tag} </a>
| |
| 476 | {/block:Tags}
| |
| 477 | {/block:HasTags}
| |
| 478 | <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
| |
| 479 | </div> | |
| 480 | </center> | |
| 481 | {/block:PermalinkPage}
| |
| 482 | ||
| 483 | {block:PostNotes}
| |
| 484 | {PostNotes}
| |
| 485 | {/block:PostNotes}
| |
| 486 | </div> | |
| 487 | {/block:Posts}
| |
| 488 | </div> | |
| 489 | ||
| 490 | ||
| 491 | </body> | |
| 492 | </html> |