SHOW:
|
|
- or go back to the newest paste.
| 1 | <!-- | |
| 2 | ╱╭╮╱╭╮ | |
| 3 | ╭╯╰┳╯╰╮ | |
| 4 | ╰╮╭╋╮╭╋━━┳━╮ | |
| 5 | ╱┃┃┣┫┃┃╭╮┃╭╮╮ | |
| 6 | ╱┃╰┫┃╰┫╭╮┃┃┃┃ | |
| 7 | ╱╰━┻┻━┻╯╰┻╯╰╯ | |
| 8 | ↳ http://titanjelly.tumblr.com | |
| 9 | ↳ DO NOT Claim/Repost as your own or Remove the theme credit! | |
| 10 | ↳ DO NOT Use as a theme base or Make heavy modifications! | |
| 11 | --> | |
| 12 | ||
| 13 | <head> | |
| 14 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| 15 | ||
| 16 | <title>{title}</title>
| |
| 17 | ||
| 18 | - | <meta name="image:Background" content="" /> |
| 18 | + | <meta name="image:Background" content="http://static.tumblr.com/480aa3b2d04aba474a92314e614e819f/9hiqgmd/RQ0n9kip5/tumblr_static_f5564q1x6ds80ks8kog4kcosk.png" /> |
| 19 | - | <meta name="image:Sidebar Image" content="" /> |
| 19 | + | <meta name="image:Sidebar Image" content="http://static.tumblr.com/cdcd8114967dca97c0a83d3bb92aa13f/9hiqgmd/Cg9n9kfxv/tumblr_static_7xtit093a2kgookwg4so048kc.jpg" /> |
| 20 | - | <meta name="image:Sidebar Background" content="" /> |
| 20 | + | <meta name="image:Sidebar Background" content="http://static.tumblr.com/b429d31ad3a25749c092026cd901c12a/9hiqgmd/PdGn9kdw0/tumblr_static_9cx80y20wr8c4so8s4ccw8go4.png" /> |
| 21 | ||
| 22 | <meta name="color:Body Background" content="#FFFFFF"/> | |
| 23 | <meta name="color:Body Scrollbar" content="#4A2F49"/> | |
| 24 | <meta name="color:Body Text" content="#3c3c3c"/> | |
| 25 | <meta name="color:Body Links" content="#fb6767"/> | |
| 26 | <meta name="color:Body Links Hover" content="#000000"/> | |
| 27 | <meta name="color:Sidebar Background" content="#FE93A7"/> | |
| 28 | <meta name="color:Title Text" content="#FFFFFF"/> | |
| 29 | <meta name="color:Title Background" content="#4A2F49"/> | |
| 30 | <meta name="color:Menu Text" content="#ffffff"/> | |
| 31 | <meta name="color:Menu Text Hover" content="#4A2F49"/> | |
| 32 | <meta name="color:Menu Background" content="#4A2F49"/> | |
| 33 | <meta name="color:Menu Background Hover" content="#DF5174"/> | |
| 34 | <meta name="color:Description Text" content="#FFFFFF"/> | |
| 35 | <meta name="color:Description Background" content="#FEACBB"/> | |
| 36 | <meta name="color:Post Borders" content="#4A2F49"/> | |
| 37 | <meta name="color:Post Background" content="#FFFFFF"/> | |
| 38 | <meta name="color:Ask Question Text" content="#FFFFFF"/> | |
| 39 | <meta name="color:Ask Question Background" content="#4A2F49"/> | |
| 40 | <meta name="color:Ask Answer Text" content="#000000"/> | |
| 41 | <meta name="color:Post Info Text" content="#FFFFFF"/> | |
| 42 | <meta name="color:Post Info Text Hover" content="#4A2F49"/> | |
| 43 | <meta name="color:Post Info Background" content="#4A2F49"/> | |
| 44 | <meta name="color:Post Info Background Hover" content="#DF5174"/> | |
| 45 | <meta name="color:BTT Text" content="#FFFFFF"/> | |
| 46 | <meta name="color:BTT Hover" content="#DF5174"/> | |
| 47 | <meta name="color:BTT Background" content="#4A2F49"/> | |
| 48 | <meta name="color:Tag Text" content="#FFFFFF"/> | |
| 49 | ||
| 50 | <meta name="if:Infinite Scroll" content="0"/> | |
| 51 | <meta name="if:Uppercase Text" content="1"/> | |
| 52 | <meta name="if:Show BTT Button" content="1"/> | |
| 53 | <meta name="if:Show Extra Links" content="1"/> | |
| 54 | <meta name="if:Show Captions" content="1"/> | |
| 55 | <meta name="if:Show Tags" content="1"/> | |
| 56 | <meta name="if:500px Posts" content="1"/> | |
| 57 | ||
| 58 | <meta name="text:Title" content=""/> | |
| 59 | <meta name="text:Body Font Size" content="9"/> | |
| 60 | <meta name="text:Title Font Size" content="12"/> | |
| 61 | <meta name="text:Subtitle Font Size" content="12"/> | |
| 62 | <meta name="text:Menu Font Size" content="12"/> | |
| 63 | <meta name="text:Description Font Size" content="11"/> | |
| 64 | <meta name="text:Post Info Font Size" content="11"/> | |
| 65 | <meta name="text:Tags Font Size" content="8"/> | |
| 66 | <meta name="text:Menu Link01 Title" content="home"/> | |
| 67 | <meta name="text:Menu Link01 URL" content="/"/> | |
| 68 | <meta name="text:Menu Link02 Title" content="ask"/> | |
| 69 | <meta name="text:Menu Link02 URL" content="/"/> | |
| 70 | <meta name="text:Menu Link03 Title" content="archive"/> | |
| 71 | <meta name="text:Menu Link03 URL" content="/"/> | |
| 72 | <meta name="text:Extra Link01 Title" content="link"/> | |
| 73 | <meta name="text:Extra Link01 URL" content="/"/> | |
| 74 | <meta name="text:Extra Link02 Title" content="link"/> | |
| 75 | <meta name="text:Extra Link02 URL" content="/"/> | |
| 76 | <meta name="text:Extra Link03 Title" content="link"/> | |
| 77 | <meta name="text:Extra Link03 URL" content="/"/> | |
| 78 | <meta name="text:Extra Link04 Title" content="link"/> | |
| 79 | <meta name="text:Extra Link04 URL" content="/"/> | |
| 80 | <meta name="text:Extra Link05 Title" content="link"/> | |
| 81 | <meta name="text:Extra Link05 URL" content="/"/> | |
| 82 | <meta name="text:Extra Link06 Title" content="link"/> | |
| 83 | <meta name="text:Extra Link06 URL" content="/"/> | |
| 84 | ||
| 85 | ||
| 86 | <link rel="shortcut icon" href="{Favicon}" />
| |
| 87 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> | |
| 88 | ||
| 89 | <style type="text/css"> | |
| 90 | ||
| 91 | body, html {height: 100%;}
| |
| 92 | ||
| 93 | @font-face {
| |
| 94 | font-family: HeaderTitle; | |
| 95 | src: url(http://static.tumblr.com/9hiqgmd/Xjxn9kfo4/fight_night.otf);} | |
| 96 | ||
| 97 | body {
| |
| 98 | font-size:{text:Body Font Size}px;
| |
| 99 | font-family: "Arial Narrow", Arial, sans-serif; | |
| 100 | {block:ifUppercaseText}
| |
| 101 | text-transform:uppercase; | |
| 102 | {/block:ifUppercaseText}
| |
| 103 | letter-spacing:1px; | |
| 104 | margin:0; | |
| 105 | color:{color:Body Text};
| |
| 106 | background:{color:Body Background} url('{image:Background}') fixed;}
| |
| 107 | ||
| 108 | ::-webkit-scrollbar-thumb:vertical {
| |
| 109 | background:{color:Body Scrollbar};}
| |
| 110 | ::-webkit-scrollbar-thumb:horizontal {
| |
| 111 | background:{color:Body Scrollbar};height:10px;}
| |
| 112 | ::-webkit-scrollbar {
| |
| 113 | background-color:{color:Body Background};
| |
| 114 | background-image:url('{image:Background}');
| |
| 115 | height:10px;width:6px;} | |
| 116 | ||
| 117 | a {-webkit-transition: 0.3s;transition: 0.3s;}
| |
| 118 | .sidebar:hover, .more_links:hover {
| |
| 119 | -webkit-transition: 1s;transition: 1s;} | |
| 120 | .more_links {-webkit-transition: 0.8s;transition: 0.8s;}
| |
| 121 | .link0, .link1 {-webkit-transition: 0.5s;transition: 0.5s;}
| |
| 122 | .sidebar_menu a {-webkit-transition: 0.5s;transition: 0.5s;}
| |
| 123 | ||
| 124 | a {color:{color:Body Links};text-decoration:none;}
| |
| 125 | a:hover{color:{color:Body Links Hover};}
| |
| 126 | ||
| 127 | /*Container CSS | |
| 128 | -------------------------------------------------*/ | |
| 129 | .container{
| |
| 130 | {block:if500pxPosts}width:800px;{/block:if500pxPosts}
| |
| 131 | {block:ifnot500pxPosts}width:700px;{/block:ifnot500pxPosts}
| |
| 132 | margin:20px auto;height:100%;} | |
| 133 | ||
| 134 | /* Sidebar CSS | |
| 135 | -------------------------------------------------*/ | |
| 136 | #sidebar_container {
| |
| 137 | width:225px; | |
| 138 | position:fixed; | |
| 139 | top:75px;bottom:0; | |
| 140 | padding:0px; | |
| 141 | background:{color:Sidebar Background} url('{image:Sidebar Background}');
| |
| 142 | background-position:bottom; | |
| 143 | background-repeat:no-repeat; | |
| 144 | background-attachment:scroll; | |
| 145 | text-align:center;} | |
| 146 | ||
| 147 | .sidebar {
| |
| 148 | margin-top:0px; | |
| 149 | width:225px;} | |
| 150 | ||
| 151 | .sidebar_title {
| |
| 152 | color:{color:Title Text};
| |
| 153 | background:{color:Title Background};
| |
| 154 | width:263px; | |
| 155 | margin:0px 0px 5px -58px; | |
| 156 | padding:5px 10px; | |
| 157 | font-family:HeaderTitle; | |
| 158 | font-size:{text:Title Font Size}px;
| |
| 159 | font-weight:normal; | |
| 160 | text-align:right; | |
| 161 | letter-spacing:1px; | |
| 162 | position:relative;} | |
| 163 | ||
| 164 | .sidebar_image {margin:0px 5px 0px 5px;z-index:1000;}
| |
| 165 | .sidebar_image img {max-width:215px;}
| |
| 166 | ||
| 167 | .sidebar_menu {
| |
| 168 | z-index:10000; | |
| 169 | position:absolute; | |
| 170 | margin-left:-58px;} | |
| 171 | ||
| 172 | .link0 {opacity:1;font-weight:bold;}
| |
| 173 | .link1 {display:none;opacity:0;}
| |
| 174 | ||
| 175 | .sidebar_menu a:hover .link0 {display:none;opacity:0;}
| |
| 176 | .sidebar_menu a:hover .link1 {display:inline-block;opacity:1;}
| |
| 177 | ||
| 178 | .sidebar_menu a {
| |
| 179 | display:block; | |
| 180 | color:{color:Menu Text};
| |
| 181 | background:{color:Menu Background};
| |
| 182 | padding:20px 2px; | |
| 183 | width:50px;height:15px; | |
| 184 | margin:0px 2px 5px 0px; | |
| 185 | font-size:{text:Menu Font Size}px;
| |
| 186 | font-weight:normal; | |
| 187 | overflow:hidden; | |
| 188 | text-transform:uppercase; | |
| 189 | letter-spacing:1px;} | |
| 190 | ||
| 191 | .sidebar_menu a:hover {
| |
| 192 | width:279px; | |
| 193 | color:{color:Menu Text Hover};
| |
| 194 | background:{color:Menu Background Hover};}
| |
| 195 | ||
| 196 | .sidebar_chunk {
| |
| 197 | pointer-events:none; | |
| 198 | position:absolute; | |
| 199 | background:{color:Menu Background};
| |
| 200 | height:10000px; | |
| 201 | width:50px; | |
| 202 | padding:2px;} | |
| 203 | ||
| 204 | .more_links {
| |
| 205 | opacity:0; | |
| 206 | max-height:0px; | |
| 207 | - | font-size:9px; |
| 207 | + | |
| 208 | margin:5px 5px 3px 5px;} | |
| 209 | ||
| 210 | - | #sidebar_container:hover .more_links {opacity:1;max-height:300px;}
|
| 210 | + | .sidebar:hover .more_links {opacity:1;max-height:300px;}
|
| 211 | ||
| 212 | .more_links a {
| |
| 213 | width:94px; | |
| 214 | display:inline-block; | |
| 215 | margin:0px 1px 3px 1px; | |
| 216 | padding:5px; | |
| 217 | - | font-size:9px; |
| 217 | + | font-size:80%; |
| 218 | color:{color:Menu Text};
| |
| 219 | background:{color:Menu Background};}
| |
| 220 | ||
| 221 | .more_links a:hover {
| |
| 222 | color:{color:Menu Text Hover};
| |
| 223 | background:{color:Menu Background Hover};}
| |
| 224 | ||
| 225 | .description {
| |
| 226 | opacity:0.8; | |
| 227 | padding:5px; | |
| 228 | - | margin:3px 5px; |
| 228 | + | |
| 229 | margin:0px 5px; | |
| 230 | {/block:ifShowExtraLinks}
| |
| 231 | {block:ifnotShowExtraLinks}
| |
| 232 | margin:5px 5px; | |
| 233 | {/block:ifnotShowExtraLinks}
| |
| 234 | font-size:{text:Description Font Size}px;
| |
| 235 | color:{color:Description Text};
| |
| 236 | background:{color:Description Background};
| |
| 237 | line-height:13px; | |
| 238 | letter-spacing:1px; | |
| 239 | text-transform:lowercase; | |
| 240 | text-align:justify;} | |
| 241 | ||
| 242 | .description::first-letter {
| |
| 243 | padding:4px; | |
| 244 | float:left; | |
| 245 | color:{color:Menu Text};
| |
| 246 | background:{color:Menu Background};
| |
| 247 | font-size:20px; | |
| 248 | text-transform:uppercase; | |
| 249 | font-style:none; | |
| 250 | font-weight:normal; | |
| 251 | line-height:90%; | |
| 252 | margin-right:3px; | |
| 253 | padding-right:7px; | |
| 254 | padding-left:7px;} | |
| 255 | ||
| 256 | /* Navigation CSS | |
| 257 | -------------------------------------------------*/ | |
| 258 | .nav {
| |
| 259 | position:absolute; | |
| 260 | width:225px;bottom:0px; | |
| 261 | text-align:center; | |
| 262 | text-transform:lowercase;} | |
| 263 | ||
| 264 | .current_page {
| |
| 265 | color:{color:Menu Text};
| |
| 266 | background:{color:Menu Background};
| |
| 267 | margin:3px; | |
| 268 | display:inline-block; | |
| 269 | padding:5px 10px;} | |
| 270 | ||
| 271 | .nav a {
| |
| 272 | color:{color:Menu Text};
| |
| 273 | background:{color:Menu Background};
| |
| 274 | margin:3px; | |
| 275 | display:inline-block; | |
| 276 | padding:5px 10px;} | |
| 277 | ||
| 278 | .nav a:hover {
| |
| 279 | color:{color:Menu Text Hover};
| |
| 280 | background:{color:Menu Background Hover};}
| |
| 281 | ||
| 282 | /* Posts CSS | |
| 283 | -------------------------------------------------*/ | |
| 284 | .post_container {
| |
| 285 | min-height:100%; | |
| 286 | {block:if500pxPosts}width:540px;{/block:if500pxPosts}
| |
| 287 | {block:ifnot500pxPosts}width:440px;{/block:ifnot500pxPosts}
| |
| 288 | margin-top:40px; | |
| 289 | margin-left:260px; | |
| 290 | position:relative; | |
| 291 | z-index:999999;} | |
| 292 | ||
| 293 | .post {
| |
| 294 | {block:if500pxPosts}
| |
| 295 | width:500px; | |
| 296 | {/block:if500pxPosts}
| |
| 297 | {block:ifnot500pxPosts}
| |
| 298 | width:400px; | |
| 299 | {/block:ifnot500pxPosts}
| |
| 300 | background:{color:Post Background};
| |
| 301 | border:10px solid {color:Post Borders};
| |
| 302 | padding:10px; | |
| 303 | margin-bottom:60px; | |
| 304 | position:relative; | |
| 305 | z-index:9999999;} | |
| 306 | ||
| 307 | ||
| 308 | /* Post Elements CSS | |
| 309 | -------------------------------------------------*/ | |
| 310 | .post h2, .post h2 a {
| |
| 311 | color:{color:Body Links};
| |
| 312 | font-size:12px; | |
| 313 | font-weight:bold; | |
| 314 | text-transform:uppercase; | |
| 315 | text-align:center; | |
| 316 | border-bottom:1px solid {color:Body Links};
| |
| 317 | padding:5px 0px; | |
| 318 | margin:0px;} | |
| 319 | ||
| 320 | .post h2 a:hover {color:{color:Body Links};}
| |
| 321 | ||
| 322 | .post li {list-style: square;}
| |
| 323 | .post blockquote {
| |
| 324 | border-left: 4px solid {color:Body Links};
| |
| 325 | margin-left:10px; | |
| 326 | padding-left: 5px;} | |
| 327 | .post img, .post li, .post blockquote {max-width: 100%;}
| |
| 328 | .post_caption {padding-top:10px;}
| |
| 329 | ||
| 330 | .question {
| |
| 331 | padding:20px; | |
| 332 | text-align:left; | |
| 333 | color:{color:Ask Question Text};
| |
| 334 | background:{color:Ask Question Background};}
| |
| 335 | .question a {color:{color:Ask Question Text};}
| |
| 336 | ||
| 337 | .question_arrow {
| |
| 338 | position:absolute; | |
| 339 | margin-left:20px; | |
| 340 | width:0;height:0; | |
| 341 | border-left: 10px solid transparent; | |
| 342 | border-right: 10px solid transparent; | |
| 343 | border-top: 10px solid {color:Ask Question Background};}
| |
| 344 | ||
| 345 | .answer {
| |
| 346 | padding:10px; | |
| 347 | text-align:left; | |
| 348 | margin-left:10px; | |
| 349 | margin-right:10px; | |
| 350 | color:{color:Ask Answer Text};}
| |
| 351 | ||
| 352 | .quote {width: 80%; margin: auto;}
| |
| 353 | .quotetext_short {font-size: 18px;}
| |
| 354 | - | .post ul {
|
| 354 | + | |
| 355 | - | padding:0px 5px 10px 5px; |
| 355 | + | |
| 356 | - | margin:0px 0px 0px 0px;} |
| 356 | + | |
| 357 | .source {text-align:right;}
| |
| 358 | ||
| 359 | .convo li {
| |
| 360 | - | padding:10px 5px 10px 10px; |
| 360 | + | padding:15px 5px 15px 0px; |
| 361 | - | margin:0px 0px 5px 0px;} |
| 361 | + | |
| 362 | margin-bottom:5px; | |
| 363 | - | .line_odd {border:1px solid rgba(0,0,0,0.2);}
|
| 363 | + | margin-left:-25px;} |
| 364 | - | .line_even {border:1px solid rgba(0,0,0,0.2);}
|
| 364 | + | |
| 365 | - | .line_odd .label {color:{color:Body Text};}
|
| 365 | + | .line_odd {border:1px solid {color:Body Links};}
|
| 366 | - | .line_even .label {color:{color:Body Text};}
|
| 366 | + | .line_even {border:1px solid {color:Body Text};}
|
| 367 | .line_odd .label {
| |
| 368 | - | .convo .label {font-weight:bold;}
|
| 368 | + | background:{color:Body Links};
|
| 369 | color:{color:Body Text};}
| |
| 370 | .line_even .label {
| |
| 371 | background:{color:Body Text};
| |
| 372 | color:{color:Body Links};}
| |
| 373 | ||
| 374 | .convo .label {padding:15px;
| |
| 375 | margin-right:5px; | |
| 376 | text-transform: uppercase;} | |
| 377 | ||
| 378 | ||
| 379 | /* Audio CSS | |
| 380 | -------------------------------------------------*/ | |
| 381 | .cover {
| |
| 382 | position:relative; | |
| 383 | min-height:200px; | |
| 384 | {block:if500pxPosts}width:500px;{/block:if500pxPosts}
| |
| 385 | {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
| |
| 386 | border-bottom:2px solid {color:Body Links};
| |
| 387 | background:{color:Body Text};
| |
| 388 | z-index:100;} | |
| 389 | .cover img {
| |
| 390 | {block:if500pxPosts}width:500px;{/block:if500pxPosts}
| |
| 391 | {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
| |
| 392 | margin-bottom:-2px;} | |
| 393 | ||
| 394 | .covericon {
| |
| 395 | position:absolute; | |
| 396 | background:{color:Body Text};
| |
| 397 | border:4px solid {color:Post Background};
| |
| 398 | margin-top:-5px; | |
| 399 | margin-left:-115px; | |
| 400 | width:100px;} | |
| 401 | ||
| 402 | .playbutton {
| |
| 403 | width:25px; | |
| 404 | overflow:hidden; | |
| 405 | position:relative; | |
| 406 | z-index:1000;} | |
| 407 | ||
| 408 | .playbox {
| |
| 409 | border-top:2px solid {color:Body Links};
| |
| 410 | background:#000; | |
| 411 | z-index:1000;} | |
| 412 | ||
| 413 | .audioinfo {
| |
| 414 | color:{color:Body Text};
| |
| 415 | background:{color:Post Background};
| |
| 416 | position:absolute; | |
| 417 | z-index:1000; | |
| 418 | padding:5px 10px; | |
| 419 | margin-top:5px; | |
| 420 | margin-left:110px;} | |
| 421 | ||
| 422 | .audiotrack {font-size: 14px;font-weight: bold;}
| |
| 423 | ||
| 424 | ||
| 425 | /* Post Information CSS | |
| 426 | -------------------------------------------------*/ | |
| 427 | .postinfo_container {
| |
| 428 | position:absolute; | |
| 429 | z-index:-99999999; | |
| 430 | width:200px; | |
| 431 | margin-top:-20px; | |
| 432 | {block:if500pxPosts}
| |
| 433 | margin-left:510px; | |
| 434 | {/block:if500pxPosts}
| |
| 435 | {block:ifnot500pxPosts}
| |
| 436 | margin-left:410px; | |
| 437 | {/block:ifnot500pxPosts}
| |
| 438 | padding:0px 20px;} | |
| 439 | ||
| 440 | .postinfo {
| |
| 441 | width:200px; | |
| 442 | font-size:{text:Body Font Size}px;
| |
| 443 | text-align:center; | |
| 444 | text-transform:lowercase; | |
| 445 | letter-spacing:2px; | |
| 446 | color:{color:Post Info Text};}
| |
| 447 | ||
| 448 | .postinfo a {
| |
| 449 | display:block; | |
| 450 | color:{color:Post Info Text};
| |
| 451 | background:{color:Post Info Background};
| |
| 452 | padding:15px 2px; | |
| 453 | width:40px; | |
| 454 | margin-bottom:10px; | |
| 455 | font-weight:normal; | |
| 456 | text-transform:uppercase; | |
| 457 | letter-spacing:1px;} | |
| 458 | .postinfo a:hover {
| |
| 459 | color:{color:Post Info Text Hover};
| |
| 460 | background:{color:Post Info Background Hover};}
| |
| 461 | ||
| 462 | .post_tags {
| |
| 463 | position:absolute; | |
| 464 | width:121px; | |
| 465 | margin-left:-4px; | |
| 466 | text-align:left; | |
| 467 | letter-spacing:1px; | |
| 468 | font-size:{text:Tags Font Size}px;}
| |
| 469 | .post_tags a {
| |
| 470 | display:block; | |
| 471 | padding:2px 5px; | |
| 472 | color:{color:Tag Text};opacity:0.5;}
| |
| 473 | .post_tags a:hover {color:{color:Body Links};opacity:1;}
| |
| 474 | ||
| 475 | .sources {filter:alpha(opacity=0);opacity:0;display:none;}
| |
| 476 | ||
| 477 | .postnotes {
| |
| 478 | {block:if500pxPosts}width:500px;{/block:if500pxPosts}
| |
| 479 | {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
| |
| 480 | position:relative; | |
| 481 | padding:10px; | |
| 482 | margin-bottom:20px; | |
| 483 | color:{color:Body Text};
| |
| 484 | background:{color:Post Background};}
| |
| 485 | ||
| 486 | .postnotes a {color:{color:Body Text};font-weight:bold;}
| |
| 487 | .postnotes a:hover {color:{color:Body Links};}
| |
| 488 | ||
| 489 | .postnotes ol {
| |
| 490 | list-style-type:none; | |
| 491 | padding:0px; | |
| 492 | margin:0px;} | |
| 493 | ||
| 494 | .postnotes img {display:none;}
| |
| 495 | .avatar_frame {display:none;}
| |
| 496 | ||
| 497 | .more_notes_link {
| |
| 498 | display:block; | |
| 499 | margin-top:10px; | |
| 500 | padding:5px; | |
| 501 | color:{color:Post Info Text};
| |
| 502 | background:{color:Post Info Background};}
| |
| 503 | ||
| 504 | /* BTT CSS | |
| 505 | -------------------------------------------------*/ | |
| 506 | .back-to-top {
| |
| 507 | position:fixed; | |
| 508 | font-size:{text:Body Font Size}px;
| |
| 509 | font-weight:normal; | |
| 510 | text-align:center; | |
| 511 | text-transform:uppercase; | |
| 512 | padding:10px; | |
| 513 | color:{color:BTT Text};
| |
| 514 | background:{color:BTT Background};
| |
| 515 | - | .credit {
|
| 515 | + | |
| 516 | display:none;} | |
| 517 | - | z-index:10000000; |
| 517 | + | |
| 518 | .back-to-top:hover {color:{color:BTT Hover};}
| |
| 519 | ||
| 520 | /* Credit CSS - DO NOT REMOVE | |
| 521 | - | font-size:7px; |
| 521 | + | |
| 522 | - | font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; |
| 522 | + | |
| 523 | font-family: Credit; | |
| 524 | src: url(http://static.tumblr.com/9hiqgmd/sLFn9dshx/kubasta.ttf);} | |
| 525 | ||
| 526 | - | position:fixed;right:5px;bottom:7px;} |
| 526 | + | .credit a {
|
| 527 | - | .credit a {color:#fff;}
|
| 527 | + | |
| 528 | - | .creditname {
|
| 528 | + | |
| 529 | - | transition: max-width 1s ease 0s; |
| 529 | + | |
| 530 | - | -webkit-transition: max-width 1s ease 0s; |
| 530 | + | |
| 531 | - | max-width:5px;overflow:hidden;} |
| 531 | + | font-family:Credit; |
| 532 | - | .credit:hover .creditname {max-width:400px;}
|
| 532 | + | |
| 533 | font-weight:normal; | |
| 534 | text-align:center; | |
| 535 | text-transform:uppercase; | |
| 536 | position:fixed;right:5px;bottom:10px;} | |
| 537 | ||
| 538 | .credit a:hover{color:{color:Body Links};}
| |
| 539 | </style> | |
| 540 | ||
| 541 | {block:ifInfiniteScroll}
| |
| 542 | <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script> | |
| 543 | {/block:ifInfiniteScroll}
| |
| 544 | ||
| 545 | <script> | |
| 546 | jQuery(document).ready(function() {
| |
| 547 | var offset = 220; | |
| 548 | var duration = 500; | |
| 549 | jQuery(window).scroll(function() {
| |
| 550 | if (jQuery(this).scrollTop() > offset) {
| |
| 551 | jQuery('.back-to-top').fadeIn(duration);
| |
| 552 | } else {
| |
| 553 | jQuery('.back-to-top').fadeOut(duration);
| |
| 554 | } | |
| 555 | }); | |
| 556 | ||
| 557 | jQuery('.back-to-top').click(function(event) {
| |
| 558 | event.preventDefault(); | |
| 559 | jQuery('html, body').animate({scrollTop: 0}, duration);
| |
| 560 | return false; | |
| 561 | }) | |
| 562 | }); | |
| 563 | </script> | |
| 564 | ||
| 565 | </head> | |
| 566 | <body> | |
| 567 | ||
| 568 | <div class="container"> | |
| 569 | ||
| 570 | <div id="sidebar_container"> | |
| 571 | <div class="sidebar"> | |
| 572 | <div class="sidebar_title"> | |
| 573 | {text:Title}</div>
| |
| 574 | <div class="sidebar_menu"> | |
| 575 | <a href="{text:Menu Link01 URL}">
| |
| 576 | <span class="link0">00.1</span> | |
| 577 | <span class="link1">{text:Menu Link01 Title}</span></a>
| |
| 578 | <a href="{text:Menu Link02 URL}">
| |
| 579 | <span class="link0">00.2</span> | |
| 580 | <span class="link1">{text:Menu Link02 Title}</span></a>
| |
| 581 | <a href="{text:Menu Link03 URL}">
| |
| 582 | <span class="link0">00.3</span> | |
| 583 | <span class="link1">{text:Menu Link03 Title}</span></a>
| |
| 584 | <a href="http://www.titanjelly.tumblr.com/themes"> | |
| 585 | <span class="link0">00.4</span> | |
| 586 | <span class="link1">theme</span></a> | |
| 587 | - | {description}
|
| 587 | + | |
| 588 | </div> | |
| 589 | <div class="sidebar_image"> | |
| 590 | <img src="{image:Sidebar Image}">
| |
| 591 | </div> | |
| 592 | - | {block:ifExtraLink01URL}
|
| 592 | + | |
| 593 | <div class="more_links"> | |
| 594 | - | {/block:ifExtraLink01URL}
|
| 594 | + | |
| 595 | - | {block:ifExtraLink02URL}
|
| 595 | + | |
| 596 | <a href="{text:Extra Link02 URL}">{text:Extra Link02 Title}</a>
| |
| 597 | - | {/block:ifExtraLink02URL}
|
| 597 | + | |
| 598 | <div class="ml_line02"> | |
| 599 | <a href="{text:Extra Link03 URL}">{text:Extra Link03 Title}</a>
| |
| 600 | - | {block:ifExtraLink03URL}
|
| 600 | + | |
| 601 | </div> | |
| 602 | - | {/block:ifExtraLink03URL}
|
| 602 | + | |
| 603 | - | {block:ifExtraLink04URL}
|
| 603 | + | |
| 604 | <a href="{text:Extra Link06 URL}">{text:Extra Link06 Title}</a>
| |
| 605 | - | {/block:ifExtraLink04URL}
|
| 605 | + | |
| 606 | </div> | |
| 607 | {/block:ifShowExtraLinks}
| |
| 608 | - | {block:ifExtraLink05URL}
|
| 608 | + | |
| 609 | {description}</div>
| |
| 610 | - | {/block:ifExtraLink05URL}
|
| 610 | + | |
| 611 | - | {block:ifExtraLink06URL}
|
| 611 | + | |
| 612 | {block:Pagination}
| |
| 613 | - | {/block:ifExtraLink06URL}
|
| 613 | + | |
| 614 | <a href="{PreviousPage}">Back</a>
| |
| 615 | {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
| |
| 616 | <span class="current_page">{PageNumber}</span>
| |
| 617 | {/block:CurrentPage}{block:JumpPage}
| |
| 618 | <a class="jump_page" href="{URL}">{PageNumber}</a>
| |
| 619 | {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
| |
| 620 | <a href="{NextPage}">Next</a>
| |
| 621 | {/block:NextPage}</div>{/block:Pagination}
| |
| 622 | {/block:ifnotInfiniteScroll}
| |
| 623 | </div> | |
| 624 | ||
| 625 | <div class="post_container"> | |
| 626 | <div class="autopagerize_page_element"> | |
| 627 | {block:Posts}
| |
| 628 | <div class="post"> | |
| 629 | ||
| 630 | {block:ContentSource}
| |
| 631 | <div class="sources"> | |
| 632 | {SourceURL}{block:SourceLogo}
| |
| 633 | <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
| |
| 634 | {/block:SourceLogo}
| |
| 635 | {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
| |
| 636 | </div> | |
| 637 | {/block:ContentSource}
| |
| 638 | ||
| 639 | <div class="postinfo_container"> | |
| 640 | <div class="postinfo"> | |
| 641 | <div class="arrow_top"></div> | |
| 642 | {block:Date}
| |
| 643 | <a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}</a>
| |
| 644 | {/block:Date}
| |
| 645 | {block:Notecount}
| |
| 646 | <a href="{Permalink}" title="with {NoteCountWithLabel}">{NoteCount}</a>
| |
| 647 | {/block:Notecount}
| |
| 648 | {block:PermalinkPage}
| |
| 649 | {block:RebloggedFrom}
| |
| 650 | <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a>
| |
| 651 | <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SOURCE</a>
| |
| 652 | {/block:RebloggedFrom}
| |
| 653 | {/block:PermalinkPage}
| |
| 654 | </div> | |
| 655 | ||
| 656 | {block:ifShowTags}
| |
| 657 | {block:HasTags}
| |
| 658 | - | <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SRC</a>
|
| 658 | + | |
| 659 | <div class="tags"> | |
| 660 | {block:Tags}
| |
| 661 | <a href="{TagURL}">{Tag}</a>
| |
| 662 | {/block:Tags}
| |
| 663 | </div> | |
| 664 | </div> | |
| 665 | {/block:HasTags}
| |
| 666 | {/block:ifShowTags}
| |
| 667 | </div> | |
| 668 | ||
| 669 | {block:Text}
| |
| 670 | {block:Title}<h2>{Title}</h2>{/block:Title}
| |
| 671 | <div class="post_caption"> | |
| 672 | {Body}
| |
| 673 | </div> | |
| 674 | {/block:Text}
| |
| 675 | ||
| 676 | {block:Answer}
| |
| 677 | <div class="question"> | |
| 678 | <b>{Asker} asked:</b> {Question}</div>
| |
| 679 | <div class="question_arrow"></div> | |
| 680 | <div class="answer">{Answer}</div>
| |
| 681 | {/block:Answer}
| |
| 682 | ||
| 683 | {block:Quote}
| |
| 684 | <div class="quote"> | |
| 685 | <div class="quotetext_{Length}">"{Quote}"</div>
| |
| 686 | {block:Source}<div class="source">{Source}</div>{/block:Source}
| |
| 687 | </div> | |
| 688 | {/block:Quote}
| |
| 689 | ||
| 690 | {block:Link}
| |
| 691 | <h2><a href="{URL}">{Name}</a></h2>
| |
| 692 | {block:Description}
| |
| 693 | <div class="post_caption"> | |
| 694 | {Description}
| |
| 695 | </div> | |
| 696 | {/block:Description}
| |
| 697 | {/block:Link}
| |
| 698 | ||
| 699 | {block:Chat}
| |
| 700 | {block:Title}<h2>{Title}</h2>{/block:Title}
| |
| 701 | <div class="post_caption"> | |
| 702 | <ul class="convo"> | |
| 703 | {block:Lines}
| |
| 704 | <li class="line_{Alt}">{block:Label}
| |
| 705 | <span class="label">{Label}</span>
| |
| 706 | {/block:Label}{Line}</li>{/block:Lines}</ul>
| |
| 707 | </div> | |
| 708 | {/block:Chat}
| |
| 709 | ||
| 710 | {block:Photo}
| |
| 711 | <a href="{Permalink}">
| |
| 712 | {block:if500pxPosts}
| |
| 713 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
| |
| 714 | {/block:if500pxPosts}
| |
| 715 | {block:ifnot500pxPosts}
| |
| 716 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
| |
| 717 | {/block:ifnot500pxPosts}</a>
| |
| 718 | {block:ifShowCaptions}
| |
| 719 | {block:Caption}
| |
| 720 | <div class="post_caption"> | |
| 721 | {Caption}</div>
| |
| 722 | {/block:Caption}
| |
| 723 | {/block:ifShowCaptions}
| |
| 724 | {block:ifnotShowCaptions}
| |
| 725 | {block:PermalinkPage}
| |
| 726 | {block:Caption}
| |
| 727 | <div class="post_caption"> | |
| 728 | {Caption}</div>
| |
| 729 | {/block:Caption}
| |
| 730 | {/block:PermalinkPage}
| |
| 731 | {/block:ifnotShowCaptions}
| |
| 732 | {/block:Photo}
| |
| 733 | ||
| 734 | {block:Photoset}
| |
| 735 | {block:if500pxPosts}
| |
| 736 | {Photoset-500}
| |
| 737 | {/block:if500pxPosts}
| |
| 738 | {block:ifnot500pxPosts}
| |
| 739 | {Photoset-400}
| |
| 740 | {/block:ifnot500pxPosts}
| |
| 741 | {block:ifShowCaptions}
| |
| 742 | {block:Caption}
| |
| 743 | <div class="post_caption"> | |
| 744 | {Caption}</div>
| |
| 745 | {/block:Caption}
| |
| 746 | {/block:ifShowCaptions}
| |
| 747 | {block:ifnotShowCaptions}
| |
| 748 | {block:PermalinkPage}
| |
| 749 | {block:Caption}
| |
| 750 | <div class="post_caption"> | |
| 751 | {Caption}</div>
| |
| 752 | {/block:Caption}
| |
| 753 | {/block:PermalinkPage}
| |
| 754 | {/block:ifnotShowCaptions}
| |
| 755 | {/block:Photoset}
| |
| 756 | ||
| 757 | {block:Audio}
| |
| 758 | <div class="audioinfo"> | |
| 759 | <div class="covericon"> | |
| 760 | {block:AlbumArt}
| |
| 761 | <img src="{AlbumArtURL}">
| |
| 762 | {/block:AlbumArt}
| |
| 763 | </div> | |
| 764 | <div class="audiotrack"> | |
| 765 | {block:TrackName}{TrackName}{/block:TrackName}
| |
| 766 | </div> | |
| 767 | <div class="audioartist"> | |
| 768 | {block:Artist}{Artist}{/block:Artist}
| |
| 769 | </div> | |
| 770 | <div class="audioplay"> | |
| 771 | {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
| |
| 772 | </div> | |
| 773 | </div> | |
| 774 | <div class="cover"> | |
| 775 | {block:AlbumArt}
| |
| 776 | <img src="{AlbumArtURL}">
| |
| 777 | {/block:AlbumArt}
| |
| 778 | </div> | |
| 779 | <div class="playbox"> | |
| 780 | <div class="playbutton"> | |
| 781 | {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
| |
| 782 | </div> | |
| 783 | </div> | |
| 784 | {block:ifShowCaptions}
| |
| 785 | {block:Caption}
| |
| 786 | <div class="post_caption"> | |
| 787 | {Caption}</div>
| |
| 788 | {/block:Caption}
| |
| 789 | {/block:ifShowCaptions}
| |
| 790 | {block:ifnotShowCaptions}
| |
| 791 | {block:PermalinkPage}
| |
| 792 | {block:Caption}
| |
| 793 | <div class="post_caption"> | |
| 794 | {Caption}</div>
| |
| 795 | {/block:Caption}
| |
| 796 | {/block:PermalinkPage}
| |
| 797 | {/block:ifnotShowCaptions}
| |
| 798 | {/block:Audio}
| |
| 799 | ||
| 800 | {block:Video}
| |
| 801 | {block:if500pxPosts}
| |
| 802 | {Video-500}
| |
| 803 | {/block:if500pxPosts}
| |
| 804 | {block:ifnot500pxPosts}
| |
| 805 | {Video-400}
| |
| 806 | {/block:ifnot500pxPosts}
| |
| 807 | {block:ifShowCaptions}
| |
| 808 | {block:Caption}
| |
| 809 | <div class="post_caption"> | |
| 810 | {Caption}</div>
| |
| 811 | {/block:Caption}
| |
| 812 | {/block:ifShowCaptions}
| |
| 813 | {block:ifnotShowCaptions}
| |
| 814 | {block:PermalinkPage}
| |
| 815 | {block:Caption}
| |
| 816 | <div class="post_caption"> | |
| 817 | {Caption}</div>
| |
| 818 | {/block:Caption}
| |
| 819 | {/block:PermalinkPage}
| |
| 820 | {/block:ifnotShowCaptions}
| |
| 821 | {/block:Video}
| |
| 822 | </div> | |
| 823 | ||
| 824 | {block:PermalinkPage}
| |
| 825 | {block:PostNotes}
| |
| 826 | <div class="postnotes"> | |
| 827 | {PostNotes}
| |
| 828 | </div> | |
| 829 | {/block:PostNotes}
| |
| 830 | {/block:PermalinkPage}
| |
| 831 | ||
| 832 | {/block:Posts}
| |
| 833 | </div> | |
| 834 | ||
| 835 | </div> | |
| 836 | ||
| 837 | </div> | |
| 838 | ||
| 839 | {block:ifShowBTTButton}
| |
| 840 | <a href="#" class="back-to-top">Back to Top</a> | |
| 841 | {/block:ifShowBTTButton}
| |
| 842 | ||
| 843 | <!-- Credit / Copyright Information - DO NOT REMOVE --> | |
| 844 | <div class="credit"> | |
| 845 | <a href="http://titanjelly.tumblr.com/themes">T</a> | |
| 846 | </div> | |
| 847 | ||
| 848 | </body> |