SHOW:
|
|
- or go back to the newest paste.
| 1 | <!DOCTYPE html> | |
| 2 | <html> | |
| 3 | ||
| 4 | <head> | |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | |
| 6 | <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'> | |
| 7 | <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"> | |
| 8 | ||
| 9 | <title>{Title}</title>
| |
| 10 | ||
| 11 | <!-- | |
| 12 | ___________________________________________________________________________ | |
| 13 | ||
| 14 | ||
| 15 | Nocturne - Theme #12 | |
| 16 | my usual terms apply; please do not redstribute, copy, or steal in any way | |
| 17 | ||
| 18 | shoseii.tumblr.com | |
| 19 | ||
| 20 | ___________________________________________________________________________ | |
| 21 | ||
| 22 | --> | |
| 23 | ||
| 24 | <link rel="shortcut icon" href="{Favicon}">
| |
| 25 | <link rel="alternate" type="application/rss+xml" href="{RSS}">
| |
| 26 | ||
| 27 | <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> | |
| 28 | ||
| 29 | ||
| 30 | {block:Description}<meta name="description" content="{MetaDescription}" />
| |
| 31 | {/block:Description}
| |
| 32 | ||
| 33 | <meta name="image:Background" content=""/> | |
| 34 | <meta name="image:Sidebar" content=""/> | |
| 35 | ||
| 36 | <meta name="color:Background" content="#ffffff"/> | |
| 37 | <meta name="color:Border Color" content="#eeeeee"/> | |
| 38 | <meta name="color:Text" content="#000000"/> | |
| 39 | <meta name="color:Bold" content="#ED6B73"/> | |
| 40 | <meta name="color:Title" content="#000000"/> | |
| 41 | <meta name="color:Link" content="#797979"/> | |
| 42 | <meta name="color:Link Hover" content="#f59797"/> | |
| 43 | <meta name="color:Selection" content="#a5d7f0"/> | |
| 44 | <meta name="color:Scrollbar" content="#cccccc"/> | |
| 45 | ||
| 46 | <meta name="text:Link 1" content=""/> | |
| 47 | <meta name="text:Link 1 URL" content=""/> | |
| 48 | <meta name="text:Link 2" content=""/> | |
| 49 | <meta name="text:Link 2 URL" content=""/> | |
| 50 | <meta name="text:Link 3" content=""/> | |
| 51 | <meta name="text:Link 3 URL" content=""/> | |
| 52 | <meta name="text:Link 4" content=""/> | |
| 53 | <meta name="text:Link 4 URL" content=""/> | |
| 54 | <meta name="text:Link 5" content=""/> | |
| 55 | <meta name="text:Link 5 URL" content=""/> | |
| 56 | <meta name="text:Link 6" content=""/> | |
| 57 | <meta name="text:Link 6 URL" content=""/> | |
| 58 | ||
| 59 | <meta name="if:Infinite Scroll" content="1"/> | |
| 60 | <meta name="if:Manual Load" content=""/> | |
| 61 | <meta name="if:Mini Cursor" content=""/> | |
| 62 | <meta name="if:Grayscale Effect" content=""/> | |
| 63 | ||
| 64 | <style type="text/css"> | |
| 65 | ||
| 66 | {block:ifMiniCursor}
| |
| 67 | *, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}
| |
| 68 | ||
| 69 | a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}
| |
| 70 | {/block:ifMiniCursor}
| |
| 71 | ||
| 72 | @font-face{
| |
| 73 | font-family:'Nitti Grotesk'; | |
| 74 | src:url(http://static.tumblr.com/2e9nahe/ISXotiidz/b81086a2-5ae3-4417-b202-2f3527621478-3.woff) format('woff');
| |
| 75 | } | |
| 76 | ||
| 77 | @font-face{
| |
| 78 | font-family:'Nitti Grotesk'; | |
| 79 | src:url(http://static.tumblr.com/2e9nahe/hfiotiig5/a16bc827-61b5-4dfc-b11e-bb4191d0a814-3.woff) format('woff');
| |
| 80 | font-weight:200; | |
| 81 | } | |
| 82 | ||
| 83 | @font-face{
| |
| 84 | font-family:'Nitti Grotesk'; | |
| 85 | src:url(http://static.tumblr.com/2e9nahe/LXvotiijt/52af5be8-4bb6-43ad-b99d-a62836aab6f4-3.woff) format('woff');
| |
| 86 | font-weight:bold; | |
| 87 | } | |
| 88 | ||
| 89 | ::-webkit-scrollbar{
| |
| 90 | width:17px; | |
| 91 | height:17px; | |
| 92 | } | |
| 93 | ||
| 94 | ::-webkit-scrollbar{
| |
| 95 | background-color:{color:Background};
| |
| 96 | } | |
| 97 | ||
| 98 | ::-webkit-scrollbar-track{
| |
| 99 | border:8px solid {color:Background};
| |
| 100 | background-color:{color:Border Color};
| |
| 101 | } | |
| 102 | ||
| 103 | ::-webkit-scrollbar-thumb{
| |
| 104 | border:8px solid {color:Background};
| |
| 105 | background-color:{color:Scrollbar};
| |
| 106 | } | |
| 107 | ||
| 108 | ::-webkit-scrollbar:horizontal{
| |
| 109 | display:none; | |
| 110 | } | |
| 111 | ||
| 112 | ::-moz-selection{
| |
| 113 | background:{color:Selection};
| |
| 114 | color:#fff; | |
| 115 | } | |
| 116 | ||
| 117 | ::selection{
| |
| 118 | background:{color:Selection};
| |
| 119 | color:#fff; | |
| 120 | } | |
| 121 | ||
| 122 | body{
| |
| 123 | font:14px 'Nitti Grotesk', sans-serif; | |
| 124 | line-height:18px; | |
| 125 | font-weight:400; | |
| 126 | color:{color:Text};
| |
| 127 | text-align:left; | |
| 128 | -webkit-font-smoothing: antialiased; | |
| 129 | -moz-osx-font-smoothing: grayscale; | |
| 130 | background:{color:Background} url('{image:Background}') fixed repeat center;
| |
| 131 | } | |
| 132 | ||
| 133 | a{
| |
| 134 | text-decoration:none; | |
| 135 | outline:none; | |
| 136 | -moz-outline-style:none; | |
| 137 | color:{color:Link};
| |
| 138 | cursor:help; | |
| 139 | -webkit-transition: all 0.3s ease-in-out; | |
| 140 | -moz-transition: all 0.3s ease-in-out; | |
| 141 | -o-transition: all 0.3s ease-in-out; | |
| 142 | -ms-transition: all 0.3s ease-in-out | |
| 143 | transition: all 0.3s ease-in-out; | |
| 144 | } | |
| 145 | ||
| 146 | a:visited{
| |
| 147 | color:{color:Link};
| |
| 148 | } | |
| 149 | ||
| 150 | a:hover{
| |
| 151 | color:{color:Link Hover};
| |
| 152 | } | |
| 153 | ||
| 154 | b,strong{
| |
| 155 | font-weight:heavy; | |
| 156 | color:{color:Bold};
| |
| 157 | } | |
| 158 | ||
| 159 | blockquote{
| |
| 160 | padding-left:5px; | |
| 161 | border-left:1px solid #ccc; | |
| 162 | } | |
| 163 | ||
| 164 | /*--Header--*/ | |
| 165 | ||
| 166 | header{
| |
| 167 | background:{color:Background} url('{image:Background}') fixed repeat center;
| |
| 168 | padding:50px 20px 50px 20px; | |
| 169 | text-align:left; | |
| 170 | z-index:99999; | |
| 171 | {block:PermalinkPage}
| |
| 172 | width:490px; | |
| 173 | {/block:PermalinkPage}
| |
| 174 | } | |
| 175 | ||
| 176 | .sticky{
| |
| 177 | position:-webkit-sticky; | |
| 178 | position:sticky; | |
| 179 | top:0px; | |
| 180 | } | |
| 181 | ||
| 182 | #title{
| |
| 183 | display:inline-block; | |
| 184 | font:200 20px 'Nitti Grotesk', sans-serif; | |
| 185 | text-transform:uppercase; | |
| 186 | letter-spacing:2px; | |
| 187 | z-index:9999999999; | |
| 188 | -webkit-transition: all 0.3s ease-in-out; | |
| 189 | -moz-transition: all 0.3s ease-in-out; | |
| 190 | -o-transition: all 0.3s ease-in-out; | |
| 191 | -ms-transition: all 0.3s ease-in-out; | |
| 192 | transition: all 0.3s ease-in-out; | |
| 193 | } | |
| 194 | ||
| 195 | #title a{
| |
| 196 | color:{color:Title};
| |
| 197 | } | |
| 198 | ||
| 199 | #title a:hover{
| |
| 200 | color:{color:Link Hover};
| |
| 201 | } | |
| 202 | ||
| 203 | .lnr-menu{
| |
| 204 | float:right; | |
| 205 | color:{color:Title};
| |
| 206 | cursor:pointer; | |
| 207 | margin-top:5px; | |
| 208 | margin-right:-12px; | |
| 209 | {block:PermalinkPage}
| |
| 210 | margin-right:-16px; | |
| 211 | {/block:PermalinkPage}
| |
| 212 | } | |
| 213 | ||
| 214 | #links{
| |
| 215 | display:none; | |
| 216 | position:fixed; | |
| 217 | background:#f8f8f8; | |
| 218 | right:0px; | |
| 219 | top:0px; | |
| 220 | height:100vh; | |
| 221 | width:200px; | |
| 222 | padding:20vh 40px 0px 50px; | |
| 223 | z-index:9999999999!important; | |
| 224 | } | |
| 225 | ||
| 226 | #links a{
| |
| 227 | display:block; | |
| 228 | line-height:30px; | |
| 229 | font-size:11px; | |
| 230 | text-transform:uppercase; | |
| 231 | letter-spacing:2px; | |
| 232 | } | |
| 233 | ||
| 234 | #close{
| |
| 235 | text-align:left; | |
| 236 | cursor:pointer; | |
| 237 | } | |
| 238 | ||
| 239 | #close img{
| |
| 240 | position:absolute; | |
| 241 | width:15px; | |
| 242 | top:25px; | |
| 243 | margin-left:-20px; | |
| 244 | opacity:0.3; | |
| 245 | } | |
| 246 | ||
| 247 | #icon img{
| |
| 248 | width:70px; | |
| 249 | height:70px; | |
| 250 | margin-bottom:10px; | |
| 251 | border-radius:100px; | |
| 252 | } | |
| 253 | ||
| 254 | #desc{
| |
| 255 | margin-bottom:5px; | |
| 256 | line-height:20px; | |
| 257 | font-style:italic; | |
| 258 | font-family:georgia; | |
| 259 | font-size:11px; | |
| 260 | } | |
| 261 | ||
| 262 | /*--Posts--*/ | |
| 263 | ||
| 264 | #content{
| |
| 265 | max-width:970px; | |
| 266 | position:relative; | |
| 267 | margin-bottom:50px; | |
| 268 | margin-top:50px; | |
| 269 | margin-left:auto; | |
| 270 | margin-right:auto; | |
| 271 | {block:PermalinkPage}
| |
| 272 | width:500px; | |
| 273 | text-align:left; | |
| 274 | {/block:PermalinkPage}
| |
| 275 | } | |
| 276 | ||
| 277 | @media (max-width:992px){
| |
| 278 | #content{
| |
| 279 | max-width:650px; | |
| 280 | } | |
| 281 | } | |
| 282 | ||
| 283 | @media (max-width:672px){
| |
| 284 | #content{
| |
| 285 | max-width:325px; | |
| 286 | } | |
| 287 | ||
| 288 | body .text{
| |
| 289 | height:auto; | |
| 290 | } | |
| 291 | ||
| 292 | .lnr-menu{
| |
| 293 | margin-right:-16px; | |
| 294 | } | |
| 295 | } | |
| 296 | ||
| 297 | .entry{
| |
| 298 | {block:indexpage}
| |
| 299 | display:inline-block; | |
| 300 | width:300px; | |
| 301 | vertical-align:middle; | |
| 302 | margin:0px 0px 20px 0px; | |
| 303 | margin-right:0px; | |
| 304 | margin-left:20px; | |
| 305 | {/block:IndexPage}
| |
| 306 | {block:permalinkpage}
| |
| 307 | width:500px; | |
| 308 | height:auto; | |
| 309 | padding:23px; | |
| 310 | {/block:permalinkpage}
| |
| 311 | } | |
| 312 | ||
| 313 | .entry img{
| |
| 314 | max-width:300px; | |
| 315 | height:300px; | |
| 316 | overflow:hidden; | |
| 317 | {block:PermalinkPage}
| |
| 318 | max-width:500px; | |
| 319 | height:auto; | |
| 320 | {/block:PermalinkPage}
| |
| 321 | } | |
| 322 | ||
| 323 | .ph{
| |
| 324 | height:300px; | |
| 325 | overflow:hidden; | |
| 326 | } | |
| 327 | ||
| 328 | .pic{
| |
| 329 | background:{color:Background} no-repeat center;
| |
| 330 | background-size:cover; | |
| 331 | width:100%; | |
| 332 | height:100%; | |
| 333 | overflow:hidden; | |
| 334 | } | |
| 335 | ||
| 336 | .photos img{
| |
| 337 | display:none; | |
| 338 | } | |
| 339 | ||
| 340 | .photos img:first-child{
| |
| 341 | display:block; | |
| 342 | width:100%; | |
| 343 | } | |
| 344 | ||
| 345 | ol.notes{
| |
| 346 | padding:0px; | |
| 347 | width:500px; | |
| 348 | height:218px; | |
| 349 | overflow:auto; | |
| 350 | margin:5px 0px; | |
| 351 | list-style-type:none; | |
| 352 | border:1px solid{color:Border Color};
| |
| 353 | } | |
| 354 | ||
| 355 | ol.notes li.note{
| |
| 356 | border-top:solid 1px {color:Border Color};
| |
| 357 | padding:10px; | |
| 358 | } | |
| 359 | ||
| 360 | ol.notes li.note:first-child{
| |
| 361 | border:none; | |
| 362 | } | |
| 363 | ||
| 364 | ol.notes li.note img.avatar{
| |
| 365 | vertical-align:-4px; | |
| 366 | margin-right:10px; | |
| 367 | width:16px; | |
| 368 | height:16px; | |
| 369 | } | |
| 370 | ||
| 371 | ol.notes li.note blockquote{
| |
| 372 | border-color:{color:Border Color};
| |
| 373 | padding:4px 10px; | |
| 374 | margin:10px 0px 0px 25px; | |
| 375 | } | |
| 376 | ||
| 377 | ol.notes li.note blockquote a{
| |
| 378 | text-decoration:none; | |
| 379 | } | |
| 380 | ||
| 381 | /*--Grayscale Effect--*/ | |
| 382 | ||
| 383 | .img{
| |
| 384 | {block:indexpage}
| |
| 385 | {block:ifGrayscaleEffect}
| |
| 386 | filter: url(filters.svg#grayscale); | |
| 387 | filter: gray; | |
| 388 | -webkit-filter: grayscale(1); | |
| 389 | {/block:ifGrayscaleEffect}
| |
| 390 | -webkit-transition:all 0.3s ease-in-out; | |
| 391 | -moz-transition:all 0.3s ease-in-out; | |
| 392 | -o-transition:all 0.3s ease-in-out; | |
| 393 | transition:all 0.3s ease-in-out; | |
| 394 | {/block:indexpage}
| |
| 395 | } | |
| 396 | ||
| 397 | .entry:hover .img{
| |
| 398 | {block:indexpage}
| |
| 399 | opacity:0.6; | |
| 400 | {block:ifGrayscaleEffect}
| |
| 401 | filter: url(filters.svg#grayscale); | |
| 402 | filter: gray; | |
| 403 | -webkit-filter: grayscale(0); | |
| 404 | {/block:ifGrayscaleEffect}
| |
| 405 | {/block:indexpage}
| |
| 406 | } | |
| 407 | ||
| 408 | /*--Permalinks--*/ | |
| 409 | ||
| 410 | .permalink{
| |
| 411 | position:absolute; | |
| 412 | display:block; | |
| 413 | font-size:10px; | |
| 414 | padding-top:10px; | |
| 415 | margin-left:10px; | |
| 416 | text-align:left; | |
| 417 | opacity:0; | |
| 418 | z-index:999; | |
| 419 | -webkit-transition:all 0.5s ease-in-out; | |
| 420 | -moz-transition:all 0.5s ease-in-out; | |
| 421 | -o-transition:all 0.5s ease-in-out; | |
| 422 | transition:all 0.5s ease-in-out; | |
| 423 | } | |
| 424 | ||
| 425 | .permalink a{
| |
| 426 | color:{color:Link};
| |
| 427 | } | |
| 428 | ||
| 429 | .permalink a:hover{
| |
| 430 | color:{color:Link Hover};
| |
| 431 | } | |
| 432 | ||
| 433 | .entry:hover .permalink{
| |
| 434 | opacity:1; | |
| 435 | } | |
| 436 | ||
| 437 | .date{
| |
| 438 | background:#fbfbfb; | |
| 439 | padding:3px; | |
| 440 | margin-right:10px; | |
| 441 | text-transform:uppercase; | |
| 442 | } | |
| 443 | ||
| 444 | .noet{
| |
| 445 | background:#fbfbfb; | |
| 446 | padding:2px 0px 0px 5px; | |
| 447 | margin-right:10px; | |
| 448 | margin-bottom:5px; | |
| 449 | } | |
| 450 | ||
| 451 | .like_button{
| |
| 452 | position:relative; | |
| 453 | width:1.5em; | |
| 454 | height:1.7em; | |
| 455 | } | |
| 456 | ||
| 457 | .like_button:before{
| |
| 458 | content:"\e813"; | |
| 459 | position:absolute; | |
| 460 | color:{color:Link};
| |
| 461 | top:-3px; | |
| 462 | left:0px; | |
| 463 | padding-top:2px; | |
| 464 | font-size:11px; | |
| 465 | font-family:'Linearicons-Free'; | |
| 466 | text-align:center; | |
| 467 | -webkit-transition:all 0.5s ease-in-out; | |
| 468 | -moz-transition:all 0.5s ease-in-out; | |
| 469 | -o-transition:all 0.5s ease-in-out; | |
| 470 | transition:all 0.5s ease-in-out; | |
| 471 | } | |
| 472 | ||
| 473 | .like_button iframe{
| |
| 474 | position:absolute; | |
| 475 | top:0px; | |
| 476 | left:0px; | |
| 477 | opacity:0; | |
| 478 | z-index:99; | |
| 479 | } | |
| 480 | ||
| 481 | .like_button.liked:before, .like_button:hover:before{
| |
| 482 | color:{color:Link Hover};
| |
| 483 | } | |
| 484 | ||
| 485 | ||
| 486 | /*--Miscellaneous--*/ | |
| 487 | ||
| 488 | iframe.tmblr-iframe{
| |
| 489 | z-index:99999999999999!important; | |
| 490 | top:0!important; | |
| 491 | right:0!important; | |
| 492 | opacity:0.4; | |
| 493 | /* delete from here */ | |
| 494 | filter:invert(1); | |
| 495 | -webkit-filter:invert(1); | |
| 496 | -o-filter:invert(1); | |
| 497 | -moz-filter:invert(1); | |
| 498 | -ms-filter:invert(1); | |
| 499 | /* to here if your blog has a dark background */ | |
| 500 | transform:scale(0.6); | |
| 501 | transform-origin:100% 0; | |
| 502 | -webkit-transform:scale(0.6); | |
| 503 | -webkit-transform-origin:100% 0; | |
| 504 | -o-transform:scale(0.6); | |
| 505 | -o-transform-origin:100% 0; | |
| 506 | -moz-transform:scale(0.6); | |
| 507 | -moz-transform-origin:100% 0; | |
| 508 | -ms-transform:scale(0.6); | |
| 509 | -ms-transform-origin:100% 0; | |
| 510 | -webkit-transition:all 0.5s ease-in-out; | |
| 511 | -moz-transition:all 0.5s ease-in-out; | |
| 512 | -o-transition:all 0.5s ease-in-out; | |
| 513 | transition:all 0.5s ease-in-out; | |
| 514 | } | |
| 515 | ||
| 516 | iframe.tmblr-iframe:hover{
| |
| 517 | opacity:0.6!important; | |
| 518 | } | |
| 519 | ||
| 520 | .load-more{
| |
| 521 | position:relative; | |
| 522 | padding:5px; | |
| 523 | border:1px solid {color:Border Color};
| |
| 524 | } | |
| 525 | ||
| 526 | footer{
| |
| 527 | width:67px; | |
| 528 | margin:0 auto; | |
| 529 | padding-bottom:90px; | |
| 530 | } | |
| 531 | ||
| 532 | .pagination{
| |
| 533 | display:none; | |
| 534 | } | |
| 535 | ||
| 536 | #pagination a{
| |
| 537 | font-size:16px; | |
| 538 | padding:5px; | |
| 539 | border:1px solid {color:Border Color};
| |
| 540 | } | |
| 541 | ||
| 542 | .back{
| |
| 543 | margin-top:0px; | |
| 544 | } | |
| 545 | ||
| 546 | .next{
| |
| 547 | margin-top:0px; | |
| 548 | } | |
| 549 | ||
| 550 | .text img{
| |
| 551 | {block:IndexPage}
| |
| 552 | max-width:280px; | |
| 553 | {/block:IndexPage}
| |
| 554 | {block:PermalinkPage}
| |
| 555 | max-width:500px; | |
| 556 | {/block:PermalinkPage}
| |
| 557 | width:auto; | |
| 558 | height:auto; | |
| 559 | } | |
| 560 | ||
| 561 | .text{
| |
| 562 | background:#fbfbfb; | |
| 563 | height:280px; | |
| 564 | padding:10px; | |
| 565 | vertical-align:middle; | |
| 566 | text-align:left; | |
| 567 | overflow:auto; | |
| 568 | } | |
| 569 | ||
| 570 | .player{
| |
| 571 | background:#f2f2f2; | |
| 572 | display:block; | |
| 573 | padding:141px 20px 131px 20px; | |
| 574 | overflow:hidden; | |
| 575 | } | |
| 576 | ||
| 577 | .audio{
| |
| 578 | margin-top:5px; | |
| 579 | } | |
| 580 | ||
| 581 | .tumblr_audio_player{
| |
| 582 | float:left; | |
| 583 | width:35px; | |
| 584 | } | |
| 585 | ||
| 586 | #s-m-t-tooltip{
| |
| 587 | background:#fff; | |
| 588 | color:#888; | |
| 589 | font-size:10px; | |
| 590 | font-style:italic; | |
| 591 | font-weight:500; | |
| 592 | letter-spacing:2px; | |
| 593 | text-transform:uppercase; | |
| 594 | max-width:300px; | |
| 595 | padding:4px; | |
| 596 | z-index:9999999999; | |
| 597 | margin:20px 10px 10px 10px; | |
| 598 | box-shadow:1px 1px 3px rgba(0,0,0,.1); | |
| 599 | } | |
| 600 | ||
| 601 | .quote{
| |
| 602 | font-weight:bold; | |
| 603 | text-align:left; | |
| 604 | margin-left:11px; | |
| 605 | } | |
| 606 | ||
| 607 | .ask{
| |
| 608 | background:{color:Caption};
| |
| 609 | color:{color:Text};
| |
| 610 | width:250px; | |
| 611 | margin-left:auto; | |
| 612 | margin-right:auto; | |
| 613 | padding:10px 0px 10px 10px; | |
| 614 | border:1px solid {color:Border Color};
| |
| 615 | border-radius:5px; | |
| 616 | text-align:left; | |
| 617 | } | |
| 618 | ||
| 619 | .answer{
| |
| 620 | margin:0 auto; | |
| 621 | width:250px; | |
| 622 | word-break:break-all; | |
| 623 | text-align:left; | |
| 624 | } | |
| 625 | ||
| 626 | .caption{
| |
| 627 | {block:IndexPage}
| |
| 628 | background:{color:Caption};
| |
| 629 | border:1px solid {color:Border Color};
| |
| 630 | border-radius:5px; | |
| 631 | {/block:IndexPage}
| |
| 632 | font-size:10px; | |
| 633 | color:{color:Caption Text};
| |
| 634 | margin-top:10px; | |
| 635 | padding:5px; | |
| 636 | overflow:auto; | |
| 637 | } | |
| 638 | ||
| 639 | .caption img{
| |
| 640 | width:auto; | |
| 641 | height:auto; | |
| 642 | max-width:calc(300px - 70px); | |
| 643 | {block:PermalinkPage}
| |
| 644 | max-width:430px; | |
| 645 | {/block:PermalinkPage}
| |
| 646 | } | |
| 647 | ||
| 648 | .back-to-top{
| |
| 649 | position: fixed; | |
| 650 | bottom:-75px; | |
| 651 | left:10px; | |
| 652 | background: url('http://static.tumblr.com/2e9nahe/xvCoaucis/arrow-up.svg') no-repeat;
| |
| 653 | background-size:15px; | |
| 654 | width:100px; | |
| 655 | height:100px; | |
| 656 | z-index:9999999; | |
| 657 | } | |
| 658 | ||
| 659 | .back-to-top a{
| |
| 660 | text-indent: -9999px; | |
| 661 | display: block; | |
| 662 | } | |
| 663 | ||
| 664 | #infscr-loading{
| |
| 665 | display:none!important; | |
| 666 | } | |
| 667 | ||
| 668 | .tumblr_video_container{
| |
| 669 | width:300px; | |
| 670 | height:300px; | |
| 671 | border-radius:4px; | |
| 672 | overflow:hidden; | |
| 673 | {block:PermalinkPage}
| |
| 674 | width:500px; | |
| 675 | height:auto; | |
| 676 | max-height:none; | |
| 677 | border-radius:0px; | |
| 678 | {/block:PermalinkPage}
| |
| 679 | } | |
| 680 | ||
| 681 | .vignette, #vignette {
| |
| 682 | opacity:0; | |
| 683 | } | |
| 684 | ||
| 685 | .lightbox-image, #tumblr_lightbox img {
| |
| 686 | box-shadow:none!important; | |
| 687 | border-radius:0!important; | |
| 688 | max-width:none; | |
| 689 | } | |
| 690 | ||
| 691 | .tmblr-lightbox, #tumblr_lightbox {
| |
| 692 | background-color:{color:Background}!important;
| |
| 693 | } | |
| 694 | ||
| 695 | </style> | |
| 696 | ||
| 697 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
| 698 | ||
| 699 | <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> | |
| 700 | <script> | |
| 701 | (function($){
| |
| 702 | $(document).ready(function(){
| |
| 703 | $("[title]").style_my_tooltips({
| |
| 704 | tip_follows_cursor:true, | |
| 705 | tip_delay_time:20, | |
| 706 | tip_fade_speed:400, | |
| 707 | attribute:"title" | |
| 708 | }); | |
| 709 | }); | |
| 710 | })(jQuery); | |
| 711 | </script> | |
| 712 | ||
| 713 | ||
| 714 | <!--Scroll back to top--> | |
| 715 | ||
| 716 | <div class="back-to-top" id="back-top"> | |
| 717 | <a href="javascript:void(0)" class="back-to-top">Top</a> | |
| 718 | </div> | |
| 719 | ||
| 720 | ||
| 721 | <script type="text/javascript"> | |
| 722 | $(function () {
| |
| 723 | $("#back-top").hide();
| |
| 724 | $(window).scroll(function () {
| |
| 725 | if ($(this).scrollTop() > 150) {
| |
| 726 | $('#back-top').fadeIn();
| |
| 727 | } else {
| |
| 728 | $('#back-top').fadeOut();
| |
| 729 | } | |
| 730 | }); | |
| 731 | }); | |
| 732 | jQuery('.back-to-top').click(function () {
| |
| 733 | jQuery('html, body').animate({
| |
| 734 | scrollTop: 0 | |
| 735 | }, 'slow'); | |
| 736 | }); | |
| 737 | </script> | |
| 738 | ||
| 739 | ||
| 740 | <!--end of Scroll back to top--> | |
| 741 | ||
| 742 | <!--minimal soundcloud player by shythemes--> | |
| 743 | <script> | |
| 744 | // minimal soundcloud player © shythemes.tumblr | |
| 745 | $(document).ready(function(){
| |
| 746 | var color = '#acd7bb'; // color of play button (hex) | |
| 747 | $('.soundcloud_audio_player').each(function(){
| |
| 748 | $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1], height: 20, width: '100%' });
| |
| 749 | }); | |
| 750 | }); | |
| 751 | </script> | |
| 752 | <!--end minimal soundcloud player--> | |
| 753 | ||
| 754 | ||
| 755 | {block:ifInfiniteScroll}
| |
| 756 | <div class="pagination"> | |
| 757 | {block:Pagination}{block:PreviousPage}<a href="{PreviousPage"}>previous</a> ·{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
| |
| 758 | </div> | |
| 759 | {/block:ifInfiniteScroll}
| |
| 760 | ||
| 761 | ||
| 762 | <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> | |
| 763 | ||
| 764 | <script src="http://static.tumblr.com/2e9nahe/iHEnx7e4y/stickyfill.min.js"></script> | |
| 765 | <script> | |
| 766 | $(document).ready(function(){
| |
| 767 | $('.sticky').Stickyfill();
| |
| 768 | }); | |
| 769 | </script> | |
| 770 | ||
| 771 | <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script> | |
| 772 | ||
| 773 | <script> | |
| 774 | $(document).ready(function(){
| |
| 775 | $('.lnr-menu').click(function(){
| |
| 776 | $("#links").toggle('fade');
| |
| 777 | }); | |
| 778 | ||
| 779 | $('#close').click(function(){
| |
| 780 | $("#links").toggle('fade');
| |
| 781 | }); | |
| 782 | }); | |
| 783 | </script> | |
| 784 | ||
| 785 | </head> | |
| 786 | ||
| 787 | <link href="http://static.tumblr.com/2e9nahe/oAPnjs2lc/animate.css" rel="stylesheet" type="text/css" /> | |
| 788 | ||
| 789 | <body> | |
| 790 | ||
| 791 | <div id="content"> | |
| 792 | ||
| 793 | <header class="sticky"> | |
| 794 | <div id="title"><a href="/">{Title}</a></div>
| |
| 795 | <span class="lnr lnr-menu" title="links"></span> | |
| 796 | </header> | |
| 797 | ||
| 798 | <div id="links"> | |
| 799 | <div id="close"><img src="http://static.tumblr.com/2e9nahe/uZrotkqd1/close.svg"></div> | |
| 800 | <div id="icon"><img src="{image:Sidebar}"></div>
| |
| 801 | <div id="desc">{Description}</div>
| |
| 802 | <a href="{text:Link 1 URL}">{text:Link 1}</a>
| |
| 803 | <a href="{text:Link 2 URL}">{text:Link 2}</a>
| |
| 804 | <a href="{text:Link 3 URL}">{text:Link 3}</a>
| |
| 805 | <a href="{text:Link 4 URL}">{text:Link 4}</a>
| |
| 806 | <a href="{text:Link 5 URL}">{text:Link 5}</a>
| |
| 807 | <a href="{text:Link 6 URL}">{text:Link 6}</a>
| |
| 808 | </div> | |
| 809 | ||
| 810 | {block:Posts}
| |
| 811 | ||
| 812 | <div class="entry" id="{PostID}">
| |
| 813 | ||
| 814 | {block:IndexPage}
| |
| 815 | <div class="permalink"> | |
| 816 | <div class="noet"><a href="{Permalink}" title="{NoteCountwithLabel}" target="_blank"><span class="lnr lnr-link"></span></a></div>
| |
| 817 | <div class="noet"> | |
| 818 | <a href="{ReblogURL}" target="_blank" title="Reblog?"><span class="lnr lnr-undo"></span></a>
| |
| 819 | </div> | |
| 820 | <div class="noet">{LikeButton}</div>
| |
| 821 | </div> | |
| 822 | ||
| 823 | {/block:IndexPage}
| |
| 824 | ||
| 825 | {block:Text}
| |
| 826 | <div class="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
| |
| 827 | {Body}
| |
| 828 | </div> | |
| 829 | {/block:Text}
| |
| 830 | ||
| 831 | {block:Photo}
| |
| 832 | <div class="img"> | |
| 833 | {block:IndexPage}
| |
| 834 | <div class="ph"><div class="pic" style="background-image:url('{PhotoURL-HighRes}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div></div>
| |
| 835 | </div> | |
| 836 | {/block:IndexPage}
| |
| 837 | ||
| 838 | {block:PermalinkPage}<img src="{PhotoURL-HighRes}"/>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}
| |
| 839 | {/block:PermalinkPage}
| |
| 840 | {/block:Photo}
| |
| 841 | ||
| 842 | {block:Photoset}
| |
| 843 | {block:IndexPage}
| |
| 844 | <div class="img"> | |
| 845 | <div class="ph">{block:Photos}<div class="pic" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}<div class="photos">{block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}</div></div>
| |
| 846 | </div> | |
| 847 | {/block:IndexPage}
| |
| 848 | ||
| 849 | {block:PermalinkPage}
| |
| 850 | {Photoset-500}
| |
| 851 | {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
| |
| 852 | {/block:PermalinkPage}
| |
| 853 | {/block:Photoset}
| |
| 854 | ||
| 855 | ||
| 856 | {block:Quote}
| |
| 857 | <div class="text"> | |
| 858 | <div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div> | |
| 859 | <div class="quote">{Quote}</div>
| |
| 860 | {block:Source}<p style="font:italic 10px georgia;">— {Source}</p>{/block:Source}
| |
| 861 | </div> | |
| 862 | {/block:Quote}
| |
| 863 | ||
| 864 | {block:Link}
| |
| 865 | <div class="text"> | |
| 866 | <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>
| |
| 867 | {/block:Link}
| |
| 868 | ||
| 869 | {block:Chat}
| |
| 870 | <div class="text"> | |
| 871 | {block:Title}<h3>{Title}</h3>{/block:Title}
| |
| 872 | {block:Lines}<p>
| |
| 873 | {block:Label}<b>{Label}</b>{/block:Label}
| |
| 874 | {Line}</p>
| |
| 875 | {/block:Lines}
| |
| 876 | </div> | |
| 877 | {/block:Chat}
| |
| 878 | ||
| 879 | {block:Audio}
| |
| 880 | {block:AudioPlayer}
| |
| 881 | <div class="player"> | |
| 882 | {AudioPlayer}
| |
| 883 | <div class="audio">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}</div>
| |
| 884 | </div> | |
| 885 | {/block:AudioPlayer}
| |
| 886 | ||
| 887 | {block:PermalinkPage}
| |
| 888 | {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
| |
| 889 | {/block:PermalinkPage}
| |
| 890 | {/block:Audio}
| |
| 891 | ||
| 892 | {block:Answer}
| |
| 893 | <div style="padding:10px 0px 5px 10px;"><b><u>{Asker}</u></b> asked:</div>
| |
| 894 | <div class="ask"> | |
| 895 | {Question}
| |
| 896 | </div> | |
| 897 | <div class="answer"> | |
| 898 | {Answer}
| |
| 899 | </div> | |
| 900 | {/block:Answer}
| |
| 901 | ||
| 902 | {block:Video}
| |
| 903 | {block:IndexPage}
| |
| 904 | <div class="img"> | |
| 905 | <div class="video">{Video-500}</div>
| |
| 906 | </div> | |
| 907 | {/block:IndexPage}
| |
| 908 | ||
| 909 | {block:PermalinkPage}<div class="video">{Video-500}</div>
| |
| 910 | {block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:PermalinkPage}
| |
| 911 | {/block:Video}
| |
| 912 | ||
| 913 | {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
| |
| 914 | ||
| 915 | {block:PermalinkPage}
| |
| 916 | {block:Date}
| |
| 917 | <div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div> | |
| 918 | <div style="font-weight:600;font-size:14px;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>
| |
| 919 | {/block:Date}
| |
| 920 | {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
| |
| 921 | <br>{block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
| |
| 922 | {block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>
| |
| 923 | <br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}
| |
| 924 | {/block:PermalinkPage}
| |
| 925 | ||
| 926 | {block:PostNotes}{PostNotes}{/block:PostNotes}
| |
| 927 | ||
| 928 | ||
| 929 | </div> | |
| 930 | ||
| 931 | {/block:Posts}
| |
| 932 | ||
| 933 | </div> | |
| 934 | ||
| 935 | ||
| 936 | {block:Pagination}
| |
| 937 | <footer> | |
| 938 | {block:ifInfiniteScroll}{block:ifManualLoad}<a href="#" class="load-more">load more</a>{/block:ifManualLoad}{/block:ifInfiniteScroll}
| |
| 939 | ||
| 940 | {block:ifnotinfinitescroll}
| |
| 941 | <div id="pagination"> | |
| 942 | {block:PreviousPage}<a href="{PreviousPage}" title="previous">«</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}
| |
| 943 | </div> | |
| 944 | {/block:ifnotinfinitescroll}
| |
| 945 | ||
| 946 | </footer> | |
| 947 | {/block:Pagination}
| |
| 948 | ||
| 949 | ||
| 950 | <script src="http://static.tumblr.com/2e9nahe/6Nxnjs2mx/wow.js"></script> | |
| 951 | <script> | |
| 952 | new WOW().init(); | |
| 953 | </script> | |
| 954 | ||
| 955 | ||
| 956 | {block:IndexPage}
| |
| 957 | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.0.0/imagesloaded.pkgd.min.js"></script> | |
| 958 | {block:ifInfiniteScroll}
| |
| 959 | <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> | |
| 960 | {/block:ifInfiniteScroll}
| |
| 961 | <script> | |
| 962 | $(document).ready(function(){
| |
| 963 | var $container = $('#content');
| |
| 964 | ||
| 965 | {block:ifInfiniteScroll}
| |
| 966 | $container.infinitescroll({
| |
| 967 | itemSelector: ".entry", | |
| 968 | navSelector: ".pagination", | |
| 969 | nextSelector: ".pagination a#next", | |
| 970 | loadingImg: "", | |
| 971 | loadingText: "<em> </em>", | |
| 972 | bufferPx: 100, | |
| 973 | extraScrollPx: 50, | |
| 974 | errorCallback: function(){ $('.load-more').text('no more posts').parent().delay(2000).slideUp("slow"); }
| |
| 975 | }, | |
| 976 | ||
| 977 | function(newElements){
| |
| 978 | ||
| 979 | var $newElemsIDs = $newElems.map(function(){
| |
| 980 | return this.id; | |
| 981 | }).get(); | |
| 982 | console.log($newElems, $newElemsIDs); | |
| 983 | Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); | |
| 984 | ||
| 985 | resizeVideos(); | |
| 986 | ||
| 987 | var $newElems = $( newElements ).hide(); | |
| 988 | $newElems.imagesLoaded(function(){
| |
| 989 | $newElems.fadeIn(); | |
| 990 | }); | |
| 991 | ||
| 992 | var color = '#ededed'; | |
| 993 | $('.soundcloud_audio_player').each(function(){
| |
| 994 | $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height: 20, width: '100%' });
| |
| 995 | }); | |
| 996 | ||
| 997 | }); | |
| 998 | {block:ifManualLoad}
| |
| 999 | $(window).unbind('.infscr');
| |
| 1000 | $('.load-more').click(function(){
| |
| 1001 | $('#content').infinitescroll('retrieve');
| |
| 1002 | return false; | |
| 1003 | }); | |
| 1004 | {/block:ifManualLoad}
| |
| 1005 | {/block:ifInfiniteScroll}
| |
| 1006 | }); | |
| 1007 | </script> | |
| 1008 | {/block:IndexPage}
| |
| 1009 | ||
| 1010 | ||
| 1011 | ||
| 1012 | <a href="http://shoseii.tumblr.com" style="font:italic 10px 'Libre Baskerville', serif;position:fixed;bottom:5px;right:3px;" title="© shoseii">&</a> | |
| 1013 | ||
| 1014 | </body> | |
| 1015 | ||
| 1016 | ||
| 1017 | </html> |