SHOW:
|
|
- or go back to the newest paste.
| 1 | <!------------------------------------------------------------------------- | |
| 2 | ||
| 3 | Bɪᴛᴄʜ Tʜᴇᴍᴇs ɪs ᴄᴏᴘʏʀɪɢʜᴛᴇᴅ ʙʏ Bʀᴜɴᴏ | |
| 4 | ╔╗──╔╗───╔╗───╔╗╔╗ | |
| 5 | ║║─╔╝╚╗──║║──╔╝╚╣║ | |
| 6 | ║╚═╬╗╔╬══╣╚═╗╚╗╔╣╚═╦══╦╗╔╦══╦══╗ | |
| 7 | ║╔╗╠╣║║╔═╣╔╗║─║║║╔╗║║═╣╚╝║║═╣══╣ | |
| 8 | ║╚╝║║╚╣╚═╣║║║─║╚╣║║║║═╣║║║║═╬══║ | |
| 9 | ╚══╩╩═╩══╩╝╚╝─╚═╩╝╚╩══╩╩╩╩══╩══╝ | |
| 10 | ||
| 11 | http://bitchthemes.tumblr.com/ | |
| 12 | ||
| 13 | THEME MADE BY BRUNO (VIRGINITY) | |
| 14 | ||
| 15 | --------------------------------------------------------------------------> | |
| 16 | ||
| 17 | ||
| 18 | ||
| 19 | <html lang="en"> | |
| 20 | <html xmlns="http://www.w3.org/1999/xhtml"> | |
| 21 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> | |
| 22 | <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script> | |
| 23 | ||
| 24 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> | |
| 25 | <link rel="shortcut icon" href="{Favicon}">
| |
| 26 | ||
| 27 | <script> | |
| 28 | ||
| 29 | $(document).ready(function(){
| |
| 30 | $("#flip").click(function(){
| |
| 31 | $("#panel").slideToggle("fast");
| |
| 32 | }); | |
| 33 | }); | |
| 34 | </script> | |
| 35 | ||
| 36 | <script> | |
| 37 | $(function() {
| |
| 38 | ||
| 39 | var $el, leftPos, newWidth, | |
| 40 | $mainNav = $("#example-one");
| |
| 41 | ||
| 42 | $mainNav.append("<li id='magic-line'></li>");
| |
| 43 | var $magicLine = $("#magic-line");
| |
| 44 | ||
| 45 | $magicLine | |
| 46 | .width($(".current_page_item").width())
| |
| 47 | .css("left", $(".current_page_item a").position().left)
| |
| 48 | .data("origLeft", $magicLine.position().left)
| |
| 49 | .data("origWidth", $magicLine.width());
| |
| 50 | ||
| 51 | $("#example-one li a").hover(function() {
| |
| 52 | $el = $(this); | |
| 53 | leftPos = $el.position().left; | |
| 54 | newWidth = $el.parent().width(); | |
| 55 | $magicLine.stop().animate({
| |
| 56 | left: leftPos, | |
| 57 | width: newWidth | |
| 58 | }); | |
| 59 | }, function() {
| |
| 60 | $magicLine.stop().animate({
| |
| 61 | left: $magicLine.data("origLeft"),
| |
| 62 | width: $magicLine.data("origWidth")
| |
| 63 | }); | |
| 64 | }); | |
| 65 | }); | |
| 66 | </script> | |
| 67 | ||
| 68 | ||
| 69 | <head> | |
| 70 | ||
| 71 | <!-- APPEARANCE --> | |
| 72 | ||
| 73 | <meta name="color:background" content="#fff"/> | |
| 74 | <meta name="color:text" content="#000"/> | |
| 75 | <meta name="color:title" content="#000"/> | |
| 76 | <meta name="color:link" content="#9B9B9B"/> | |
| 77 | <meta name="color:hover" content="#000"/> | |
| 78 | ||
| 79 | <meta name="image:background" content=""/> | |
| 80 | ||
| 81 | <meta name="if:sidebar on the bottom" content=""/> | |
| 82 | ||
| 83 | <meta name="text:Link One Title" content="link1" /> | |
| 84 | <meta name="text:Link One" content="" /> | |
| 85 | <meta name="text:Link Two Title" content="link2" /> | |
| 86 | <meta name="text:Link Two" content="" /> | |
| 87 | <meta name="text:Link Three Title" content="link3" /> | |
| 88 | <meta name="text:Link Three" content="" /> | |
| 89 | <meta name="text:Link Four Title" content="link4" /> | |
| 90 | <meta name="text:Link Four" content="" /> | |
| 91 | <meta name="text:Link Five Title" content="link5" /> | |
| 92 | <meta name="text:Link Five" content="" /> | |
| 93 | ||
| 94 | <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'> | |
| 95 | ||
| 96 | <style type="text/css"> | |
| 97 | ||
| 98 | iframe#tumblr_controls {z-index:99999999999999999999999999999999999999; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;-webkit-filter:invert(100%);}
| |
| 99 | ||
| 100 | iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
| |
| 101 | ||
| 102 | ||
| 103 | ::-webkit-scrollbar-thumb{ background-color: {color:title}; border: 2px solid #fafafa; height:auto; -moz-border-radius: 10px; border-radius: 10px; }
| |
| 104 | ||
| 105 | ::-webkit-scrollbar { height:auto; width:9px; background-color: #cecece; border: 4px solid #fafafa; }
| |
| 106 | ||
| 107 | ||
| 108 | ::selection {
| |
| 109 | background: {color:title};
| |
| 110 | color: #fff; | |
| 111 | } | |
| 112 | ::-moz-selection {
| |
| 113 | background: {color:title};
| |
| 114 | color: #fff; | |
| 115 | } | |
| 116 | ||
| 117 | ||
| 118 | div#qTip {
| |
| 119 | z-index:999999999999999999999999; | |
| 120 | padding-left: 2px; padding-right: 3px; | |
| 121 | margin: 1px 0px 0px 10px; | |
| 122 | display: none; | |
| 123 | font: 10px calibri; | |
| 124 | text-align: center; | |
| 125 | position: absolute; | |
| 126 | letter-spacing: px; | |
| 127 | background: {color:title};
| |
| 128 | color: white; | |
| 129 | text-transform: lowercase; | |
| 130 | font-style:italic; | |
| 131 | border:1px solid #fff; | |
| 132 | outline: 1px solid {color:title};
| |
| 133 | } | |
| 134 | ||
| 135 | ||
| 136 | .wrapper{
| |
| 137 | margin: 0px auto; | |
| 138 | margin-left: 60px; | |
| 139 | width: 802px; | |
| 140 | } | |
| 141 | .header{
| |
| 142 | float: left; | |
| 143 | width: 100%; | |
| 144 | } | |
| 145 | ||
| 146 | .title{
| |
| 147 | font-family: georgia; | |
| 148 | font-size: 14px; | |
| 149 | line-height: 15px; | |
| 150 | letter-spacing:0px; | |
| 151 | margin-left:10px; | |
| 152 | font-style:italic; | |
| 153 | color: {color:Title};
| |
| 154 | font-weight: normal; | |
| 155 | } | |
| 156 | ||
| 157 | body, a, a:hover { cursor:
| |
| 158 | url('http://img69.imageshack.us/img69/7673/cursorw.png'), progress;}
| |
| 159 | ||
| 160 | body {
| |
| 161 | margin:0px; | |
| 162 | background-color: {color:Background};
| |
| 163 | background-image:url({image:Background});
| |
| 164 | background-attachment: fixed; | |
| 165 | background-size: repeat;} | |
| 166 | body, div, p, textarea, submit, input{
| |
| 167 | font-family: georgia; | |
| 168 | font-size: 10px; | |
| 169 | line-height:10px; | |
| 170 | color:{color:Text};
| |
| 171 | } | |
| 172 | ||
| 173 | a:link, a:active, a:visited{
| |
| 174 | text-decoration: none; | |
| 175 | -webkit-transition: color 0.3s ease-out; | |
| 176 | -moz-transition: color 0.3s ease-out; | |
| 177 | transition: color 0.3s ease-out; | |
| 178 | color: {color:Link};}
| |
| 179 | ||
| 180 | a:hover {
| |
| 181 | : -webkit-transition-duration: 0.5s; | |
| 182 | color:{color:Hover};
| |
| 183 | text-decoration:none; | |
| 184 | } | |
| 185 | ||
| 186 | @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf');}
| |
| 187 | @font-face { font-family: "edition"; src: url('http://static.tumblr.com/fjknzts/Ro4mmuwwb/edition_.ttf'); }
| |
| 188 | @font-face { font-family:will and grace; src: url('http://static.tumblr.com/k4oonwn/NFcmip0tl/willg____1_.ttf');}
| |
| 189 | ||
| 190 | #posts {
| |
| 191 | z-index:99; | |
| 192 | width:690px; | |
| 193 | margin-top: -10px; | |
| 194 | margin-left:auto; | |
| 195 | margin-right: auto; | |
| 196 | position:relative; | |
| 197 | overflow-y: visible; | |
| 198 | padding:10px; padding-top:10px; | |
| 199 | } | |
| 200 | ||
| 201 | ||
| 202 | .entry {
| |
| 203 | float:left; | |
| 204 | display: block; | |
| 205 | overflow:; | |
| 206 | margin:15px; | |
| 207 | width: 200px; | |
| 208 | -webkit-transition-duration: 1.0s; | |
| 209 | {block:PermalinkPage}
| |
| 210 | width:400px; | |
| 211 | margin-left:150px; | |
| 212 | text-align:center; | |
| 213 | {/block:PermalinkPage}}
| |
| 214 | .entry img{
| |
| 215 | z-index:99999999999999999999999; | |
| 216 | opacity:.75; | |
| 217 | -webkit-transition: all 0.6s ease-in-out; | |
| 218 | -moz-transition: all 0.6s ease-in-out; | |
| 219 | transition: all 0.6s ease-in-out; | |
| 220 | } | |
| 221 | .entry img:hover{
| |
| 222 | opacity:.85; | |
| 223 | -webkit-transition: all 0.6s ease-in-out; | |
| 224 | -moz-transition: all 0.6s ease-in-out; | |
| 225 | transition: all 0.6s ease-in-out; | |
| 226 | } | |
| 227 | ||
| 228 | #sidebar{
| |
| 229 | position:relative; | |
| 230 | display:block; | |
| 231 | z-index:99999; | |
| 232 | overflow:hidden; | |
| 233 | top: -1px; | |
| 234 | margin: auto; | |
| 235 | width: 650px; | |
| 236 | height:65px; | |
| 237 | padding:10px 20px 20px 20px; | |
| 238 | border-bottom:1px solid #CCC; | |
| 239 | background:{color:background};
| |
| 240 | -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; | |
| 241 | {block:ifsidebaronthebottom}
| |
| 242 | bottom:100px; | |
| 243 | {/block:ifsidebaronthebottom}
| |
| 244 | } | |
| 245 | ||
| 246 | #desc{
| |
| 247 | position:absolute; | |
| 248 | bottom: 5px; | |
| 249 | width:280px !important; | |
| 250 | right:20px; | |
| 251 | padding:5px 10px 5px 10px; | |
| 252 | text-align:right; | |
| 253 | display:-webkit-box; | |
| 254 | -webkit-box-align:end; | |
| 255 | display:-moz-box; | |
| 256 | -moz-box-align:end; | |
| 257 | display:-ms-flexbox; | |
| 258 | -ms-flex-align:end; | |
| 259 | display:-webkit-box; | |
| 260 | -webkit-box-pack:end; | |
| 261 | display:-moz-box; | |
| 262 | -moz-box-pack:end; | |
| 263 | display:-ms-flexbox; | |
| 264 | -ms-flex-pack:end; | |
| 265 | } | |
| 266 | ||
| 267 | .links{
| |
| 268 | opacity:1; | |
| 269 | bottom:5px; | |
| 270 | text-shadow:0px 0px transparent; | |
| 271 | word-spacing:5px; | |
| 272 | position:absolute; | |
| 273 | -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; | |
| 274 | } | |
| 275 | ||
| 276 | #ahah{
| |
| 277 | z-index: 9999999999999; | |
| 278 | position:absolute; | |
| 279 | bottom: 50px; | |
| 280 | margin-left: 20px; | |
| 281 | font-size: 60px; | |
| 282 | line-height: 15px; | |
| 283 | text-align: center; | |
| 284 | font-family: will and grace; | |
| 285 | text-transform:lowercase; | |
| 286 | text-shado:5px -2px 1px rgba(205,201,201, 0.1), -4px -2px 1px rgba(205,201,201, 0.1); | |
| 287 | color:{color:title};
| |
| 288 | -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; | |
| 289 | } | |
| 290 | ||
| 291 | #sidebar:hover #ahah{color:rgba(205,201,201, 0.5); -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
| |
| 292 | ||
| 293 | ||
| 294 | /* | |
| 295 | CSS-Tricks Example - MagicLine Demo | |
| 296 | by Chris Coyier | |
| 297 | http://css-tricks.com | |
| 298 | */ | |
| 299 | ||
| 300 | * { margin: 0; padding: 0; }
| |
| 301 | a { color: {color:link}; }
| |
| 302 | a:hover { color: {color:hover}; }
| |
| 303 | ||
| 304 | .nav-wrap {
| |
| 305 | margin: 50px auto; | |
| 306 | background-color: none; | |
| 307 | } | |
| 308 | ||
| 309 | /* Clearfix */ | |
| 310 | .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
| |
| 311 | *:first-child+html .group { zoom: 1; } /* IE7 */
| |
| 312 | ||
| 313 | ||
| 314 | ||
| 315 | /* Example One */ | |
| 316 | #example-one {
| |
| 317 | margin: 0 auto; | |
| 318 | list-style: none; | |
| 319 | position: relative; | |
| 320 | width: 960px; | |
| 321 | bottom:-5px; | |
| 322 | } | |
| 323 | #example-one li {
| |
| 324 | display: inline-block; | |
| 325 | } | |
| 326 | #example-one a {
| |
| 327 | color: {color:link};
| |
| 328 | float: left; | |
| 329 | padding: 6px 5px 4px 5px; | |
| 330 | text-decoration: none; | |
| 331 | text-transform: lowercase; | |
| 332 | font-weight: 600; | |
| 333 | } | |
| 334 | #example-one a:hover {
| |
| 335 | color: {color:hover};
| |
| 336 | } | |
| 337 | #magic-line {
| |
| 338 | position: absolute; | |
| 339 | bottom: 3px; | |
| 340 | left: 0; | |
| 341 | width: 100px; | |
| 342 | height: 1px; | |
| 343 | background: #ccc; | |
| 344 | } | |
| 345 | .current_page_item a {
| |
| 346 | color: {color:link} !important;
| |
| 347 | } | |
| 348 | .current_page_item a:hover {
| |
| 349 | color: {color:hover} !important;
| |
| 350 | } | |
| 351 | .ie6 #example-one li, .ie7 #example-one li {
| |
| 352 | display: inline; | |
| 353 | } | |
| 354 | .ie6 #magic-line {
| |
| 355 | bottom: -3px; | |
| 356 | } | |
| 357 | ||
| 358 | ||
| 359 | /* Example Two */ | |
| 360 | #example-two {
| |
| 361 | margin: 0 auto; | |
| 362 | list-style: none; | |
| 363 | position: relative; | |
| 364 | width: 960px; | |
| 365 | } | |
| 366 | #example-two li {
| |
| 367 | display: inline-block; | |
| 368 | } | |
| 369 | #example-two li a {
| |
| 370 | position: relative; | |
| 371 | z-index: 200; | |
| 372 | color: #bbb; | |
| 373 | font-size: 14px; | |
| 374 | display: block; | |
| 375 | float: left; | |
| 376 | padding: 6px 10px 4px 10px; | |
| 377 | text-decoration: none; | |
| 378 | text-transform: uppercase; | |
| 379 | } | |
| 380 | #example-two li a:hover {
| |
| 381 | color: white; | |
| 382 | } | |
| 383 | #example-two #magic-line-two {
| |
| 384 | position: absolute; | |
| 385 | top: 0; | |
| 386 | left: 0; | |
| 387 | width: 100px; | |
| 388 | background: #900; | |
| 389 | z-index: 100; | |
| 390 | -moz-border-radius: 5px; | |
| 391 | -webkit-border-radius: 5px; | |
| 392 | border-radius: 5px; | |
| 393 | } | |
| 394 | .current_page_item_two a {
| |
| 395 | color: white !important; | |
| 396 | } | |
| 397 | .ie6 #example-two li, .ie7 #example-two li {
| |
| 398 | display: inline; | |
| 399 | } | |
| 400 | ||
| 401 | @font-face {font-family:kg the fighter;src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
| |
| 402 | @font-face {font-family:wow;src: url('http://static.tumblr.com/hxu4bui/dwqmsdhdo/burtinomatic.ttf');,}
| |
| 403 | ||
| 404 | #center{
| |
| 405 | margin:auto; | |
| 406 | margin-right:auto; | |
| 407 | margin-top:0px; | |
| 408 | position:relative; | |
| 409 | width:100%; | |
| 410 | border:1px solid #000; | |
| 411 | background-color:; | |
| 412 | overflow:auto; | |
| 413 | } | |
| 414 | ||
| 415 | @font-face{font-family: 'lolol'; src: url('http://static.tumblr.com/hxu4bui/XBSmrubll/websymbols-regular.otf'); }
| |
| 416 | ||
| 417 | ||
| 418 | lol{font-family:'lolol'; font-size:9px;}
| |
| 419 | ||
| 420 | .entry .perma1 img{
| |
| 421 | margin-left:2px !important; | |
| 422 | margin-top:1px !important; | |
| 423 | width:11px; | |
| 424 | -webkit-filter: invert(100%); | |
| 425 | opacity:1 !important; | |
| 426 | } | |
| 427 | .entry .perma1 a:hover{
| |
| 428 | color:{color:hover};}
| |
| 429 | .entry .perma1{
| |
| 430 | position:absolute; | |
| 431 | z-index:-9; | |
| 432 | width:15px; | |
| 433 | height:15px; | |
| 434 | left:165px; | |
| 435 | top:5px; | |
| 436 | border-radius:15px; | |
| 437 | padding:4px; | |
| 438 | line-height:15px; | |
| 439 | background:rgba(010,010,010, 0.6); | |
| 440 | opacity:0.0; | |
| 441 | -webkit-transition: all 0.4s ease-in-out; | |
| 442 | -moz-transition: all 0.4s ease-in-out; | |
| 443 | transition: all 0.4s ease-in-out; | |
| 444 | transform: rotate(360deg); | |
| 445 | -ms-transform: rotate(360deg); /* IE 9 */ | |
| 446 | -webkit-transform: rotate(360deg); /* Safari and Chrome */ | |
| 447 | } | |
| 448 | .entry:hover .perma1{
| |
| 449 | opacity:1; | |
| 450 | left:190px; | |
| 451 | -webkit-transition: all 0.4s ease-in-out; | |
| 452 | -moz-transition: all 0.4s ease-in-out; | |
| 453 | transition: all 0.4s ease-in-out; | |
| 454 | transform: rotate(0deg); | |
| 455 | -ms-transform: rotate(0deg); /* IE 9 */ | |
| 456 | -webkit-transform: rotate(0deg); /* Safari and Chrome */ | |
| 457 | } | |
| 458 | .entry:hover .perma1:hover{
| |
| 459 | -webkit-transition: all 0.4s ease-in-out; | |
| 460 | -moz-transition: all 0.4s ease-in-out; | |
| 461 | transition: all 0.4s ease-in-out; | |
| 462 | transform: rotate(360deg); | |
| 463 | -ms-transform: rotate(360deg); /* IE 9 */ | |
| 464 | -webkit-transform: rotate(360deg); /* Safari and Chrome */ | |
| 465 | } | |
| 466 | ||
| 467 | .entry .perma2 img{
| |
| 468 | margin-left:-1.5px !important; | |
| 469 | margin-top:-1px !important; | |
| 470 | width:17px; | |
| 471 | -webkit-filter: invert(100%); | |
| 472 | opacity:1 !important; | |
| 473 | } | |
| 474 | .entry .perma2 a:hover{
| |
| 475 | color:{color:hover};}
| |
| 476 | .entry .perma2{
| |
| 477 | position:absolute; | |
| 478 | z-index:-9; | |
| 479 | width:15px; | |
| 480 | height:15px; | |
| 481 | left:165px; | |
| 482 | top:32px; | |
| 483 | border-radius:15px; | |
| 484 | padding:4px; | |
| 485 | line-height:15px; | |
| 486 | background:rgba(010,010,010, 0.6); | |
| 487 | opacity:0.0; | |
| 488 | -webkit-transition: all 0.6s ease-in-out; | |
| 489 | -moz-transition: all 0.6s ease-in-out; | |
| 490 | transition: all 0.6s ease-in-out; | |
| 491 | transform: rotate(360deg); | |
| 492 | -ms-transform: rotate(360deg); /* IE 9 */ | |
| 493 | -webkit-transform: rotate(360deg); /* Safari and Chrome */ | |
| 494 | } | |
| 495 | .entry:hover .perma2{
| |
| 496 | opacity:1; | |
| 497 | left:190px; | |
| 498 | -webkit-transition: all 0.6s ease-in-out; | |
| 499 | -moz-transition: all 0.6s ease-in-out; | |
| 500 | transition: all 0.6s ease-in-out; | |
| 501 | transform: rotate(0deg); | |
| 502 | -ms-transform: rotate(0deg); /* IE 9 */ | |
| 503 | -webkit-transform: rotate(0deg); /* Safari and Chrome */ | |
| 504 | } | |
| 505 | .entry:hover .perma2:hover{
| |
| 506 | -webkit-transition: all 0.4s ease-in-out; | |
| 507 | -moz-transition: all 0.4s ease-in-out; | |
| 508 | transition: all 0.4s ease-in-out; | |
| 509 | transform: rotate(360deg); | |
| 510 | -ms-transform: rotate(360deg); /* IE 9 */ | |
| 511 | -webkit-transform: rotate(360deg); /* Safari and Chrome */ | |
| 512 | } | |
| 513 | ||
| 514 | .entry:hover img{
| |
| 515 | {block:IndexPage}
| |
| 516 | margin-left:-15px; | |
| 517 | -webkit-transition: all 0.4s ease-in-out; | |
| 518 | -moz-transition: all 0.4s ease-in-out; | |
| 519 | transition: all 0.4s ease-in-out; | |
| 520 | {/block:IndexPage}
| |
| 521 | } | |
| 522 | ||
| 523 | .entry:hover .textt{
| |
| 524 | {block:IndexPage}
| |
| 525 | opacity:1; | |
| 526 | margin-top:15px; | |
| 527 | {block:IndexPage}
| |
| 528 | } | |
| 529 | ||
| 530 | .textt{
| |
| 531 | display: block; | |
| 532 | padding-top:5px; | |
| 533 | margin-top:5px; | |
| 534 | text-transform: lowercase; | |
| 535 | font-style:italic; | |
| 536 | font-size:9.5px; | |
| 537 | line-height:10px; | |
| 538 | padding-bottom: 0px; | |
| 539 | text-align:right; | |
| 540 | webkit-transition: all 0.2s linear; | |
| 541 | -webkit-transition: all 0.2s linear; | |
| 542 | -moz-transition: all 0.2s linear; | |
| 543 | transition: all 0.2s linear; | |
| 544 | border-top: 1px solid #909090; | |
| 545 | {block:IndexPage}
| |
| 546 | opacity:0; | |
| 547 | margin-top:20px; | |
| 548 | padding-top:3px; | |
| 549 | {/block:IndexPage}
| |
| 550 | } | |
| 551 | .textt a{
| |
| 552 | color:{color:text}}
| |
| 553 | .textt a:hover{
| |
| 554 | color:{color:hover};}
| |
| 555 | ||
| 556 | #infscr-loading{
| |
| 557 | bottom: -70px; | |
| 558 | position: absolute; | |
| 559 | left: 50%; | |
| 560 | margin-left:-8px; | |
| 561 | width:16px; | |
| 562 | height:11px; | |
| 563 | overflow:hidden; | |
| 564 | margin-bottom: 50px; | |
| 565 | } | |
| 566 | ||
| 567 | #postnotes{
| |
| 568 | text-align: justify; | |
| 569 | } | |
| 570 | ||
| 571 | #postnotes blockquote{
| |
| 572 | border: 0px; | |
| 573 | } | |
| 574 | ||
| 575 | blockquote{
| |
| 576 | margin:8px 0px 10px 0px; | |
| 577 | overflow:visible; | |
| 578 | text-align:center; | |
| 579 | border-left:1px solid {color:title};
| |
| 580 | border-right:1px solid {color:title};
| |
| 581 | } | |
| 582 | ||
| 583 | blockquote p, ul{
| |
| 584 | margin:0px; | |
| 585 | padding:0px; | |
| 586 | } | |
| 587 | ||
| 588 | a img{border: 0px;}
| |
| 589 | ul, ol, li{list-style:none; margin:0px; padding:0px;}
| |
| 590 | .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, | |
| 591 | .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
| |
| 592 | .notes img{width:10px; position:relative; top:3px;
| |
| 593 | } | |
| 594 | ||
| 595 | small{font-size: 90%;}
| |
| 596 | ||
| 597 | .video embed, .post div.video object {width:260px !important; height:180px !important;}
| |
| 598 | .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
| |
| 599 | ||
| 600 | {CustomCSS}
| |
| 601 | ||
| 602 | .artcover {position:absolute;}
| |
| 603 | .artcover img {z-index:9999; width:42px;height:42px;float:left;; overflow:hidden;}
| |
| 604 | .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
| |
| 605 | .audioinfo {margin-left:55px;padding:3px 0px;margin-top:-5px;}
| |
| 606 | .i{display:block;padding:2px; }
| |
| 607 | .i b, strong{font-family:calibri; letter-spacing:1px; color:{color:Title}}
| |
| 608 | .player {
| |
| 609 | z-index:9; | |
| 610 | position:absolute; | |
| 611 | background:white; | |
| 612 | width:30px; | |
| 613 | height:30px; | |
| 614 | opacity:0.0;; | |
| 615 | padding:7px; | |
| 616 | margin:-2px; | |
| 617 | overflow:hidden; | |
| 618 | -webkit-transition: all 0.4s ease-in-out; | |
| 619 | -moz-transition: all 0.4s ease-in-out; | |
| 620 | transition: all 0.4s ease-in-out;} | |
| 621 | .entry:hover .player{opacity:0.75; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
| |
| 622 | ||
| 623 | .arrow{
| |
| 624 | position:absolute; | |
| 625 | margin-left:150px; | |
| 626 | margin-top:5px; | |
| 627 | width: 0; | |
| 628 | height: 0; | |
| 629 | border-top: 6px solid transparent; | |
| 630 | border-bottom: 6px solid transparent; | |
| 631 | ||
| 632 | border-left: 6px solid #f2f2f2; | |
| 633 | {block:PermalinkPage}
| |
| 634 | margin-left:350px; | |
| 635 | {/block:PermalinkPage}
| |
| 636 | } | |
| 637 | ||
| 638 | ||
| 639 | </style> | |
| 640 | ||
| 641 | {block:IndexPage}
| |
| 642 | <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script> | |
| 643 | <script type="text/javascript" src="http://static.tumblr.com/hxu4bui/wyCmtn5o2/infinitescroll.txt"></script> | |
| 644 | <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script> | |
| 645 | ||
| 646 | <script type="text/javascript"> | |
| 647 | $(window).load(function () {
| |
| 648 | var $content = $('#posts');
| |
| 649 | $content.masonry({itemSelector: '.entry'}),
| |
| 650 | $content.infinitescroll({
| |
| 651 | navSelector : 'div#pagination', | |
| 652 | nextSelector : 'div#pagination a#nextPage', | |
| 653 | itemSelector : '.entry', | |
| 654 | loading: {
| |
| 655 | finishedMsg: '', | |
| 656 | img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif' | |
| 657 | }, | |
| 658 | bufferPx : 600, | |
| 659 | debug : false, | |
| 660 | }, | |
| 661 | // call masonry as a callback. | |
| 662 | function( newElements ) {
| |
| 663 | var $newElems = $( newElements ); | |
| 664 | $newElems.hide(); | |
| 665 | // ensure that images load before adding to masonry layout | |
| 666 | $newElems.imagesLoaded(function(){
| |
| 667 | $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
| |
| 668 | ||
| 669 | ||
| 670 | }); | |
| 671 | }); | |
| 672 | }); | |
| 673 | </script> | |
| 674 | {/block:IndexPage}
| |
| 675 | ||
| 676 | ||
| 677 | <title>{title}</title>
| |
| 678 | ||
| 679 | <link rel="shortcut icon" href="{Favicon}">
| |
| 680 | <meta name="viewport" content="width=820" /> | |
| 681 | </head> | |
| 682 | ||
| 683 | <body> | |
| 684 | ||
| 685 | <div class="wrapper"> | |
| 686 | <div class="header"> | |
| 687 | </div></div> | |
| 688 | ||
| 689 | <div id="cener"> | |
| 690 | ||
| 691 | <div id="sidebar"> | |
| 692 | ||
| 693 | <a href="/"><div id="ahah">{Title}</div></a>
| |
| 694 | ||
| 695 | <div class="nav-wrap"> | |
| 696 | <ul class="group" id="example-one"> | |
| 697 | <li class="current_page_item"><a href="{text:Link One}">{text:Link One Title}</a></li>
| |
| 698 | <li><a href="{text:Link Two}">{text:Link Two Title}</a></li>
| |
| 699 | <li><a href="{text:Link Three}">{text:Link Three Title}</a></li>
| |
| 700 | <li><a href="{text:Link Four}">{text:Link Four Title}</a></li>
| |
| 701 | <li><a href="{text:Link Five}">{text:Link Five Title}</a></li>
| |
| 702 | </ul> | |
| 703 | </div> | |
| 704 | ||
| 705 | <div id="desc">{Description}</div>
| |
| 706 | ||
| 707 | ||
| 708 | </div></div> | |
| 709 | </div></div></div></div> | |
| 710 | ||
| 711 | ||
| 712 | <br> | |
| 713 | ||
| 714 | ||
| 715 | <div id="posts"> | |
| 716 | {block:Posts}
| |
| 717 | <div class="entry"> | |
| 718 | {block:Answer} <div class="arrow"></div>
| |
| 719 | <br> | |
| 720 | ||
| 721 | <img src="{AskerPortraitURL-40}" width="" align="right" style="margin-top:-8px; right:0px;"/>
| |
| 722 | ||
| 723 | <div style="margin-top:-8px; min-height:30px; width:140px; padding: 5px; background-color: #f2f2f2; {block:PermalinkPage}width:340px{/block:PermalinkPage}">
| |
| 724 | ||
| 725 | <div style="text-transform:lowercase; color:{color:links} !important; font-size:11px; display:inline; font-style:italic; border-bottom:1px solid {color:Title}">{Asker}:</div><div style="display:inline;"> {Question}</div>
| |
| 726 | </div> | |
| 727 | ||
| 728 | ||
| 729 | <div style="font-size:11px;">{Answer}</div><div class="textt"><a href="{Permalink}" title="permalink">{notecountwithlabel}</a></div>
| |
| 730 | {/block:Answer}
| |
| 731 | ||
| 732 | {block:Text}
| |
| 733 | {block:Title}<span class="title">{Title}</span>{/block:Title}
| |
| 734 | <span class="entrytext">{Body}</span></a>
| |
| 735 | {block:IndexPage}
| |
| 736 | <div class="textt"><a href="{permalink}" title="permalink">{notecountwithlabel}</a> · {TimeAgo}</div>
| |
| 737 | {/block:IndexPage}
| |
| 738 | {/block:Text}
| |
| 739 | ||
| 740 | {block:Link}
| |
| 741 | <a href="{URL}" class="title">{Name}</a>
| |
| 742 | {block:Description}{Description}{/block:Description}
| |
| 743 | {block:IndexPage}
| |
| 744 | <div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div>
| |
| 745 | {/block:IndexPage}
| |
| 746 | {block:Link}
| |
| 747 | ||
| 748 | {block:Photo}{block:IndexPage}
| |
| 749 | <a href="{ReblogURL}" title="reblog"><div class="perma1"><img src="http://png-3.findicons.com/files/icons/974/glyphish/24/01_refresh.png"></div></a>
| |
| 750 | <a href="{Permalink}" title="{NoteCountwithLabel}"><div class="perma2"><img src="https://cdn0.iconfinder.com/data/icons/iconsweets2/40/link_seo.png"></div></a>
| |
| 751 | {/block:IndexPage}
| |
| 752 | {block:IndexPage}
| |
| 753 | <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
| |
| 754 | {/block:IndexPage}
| |
| 755 | {block:permalinkpage}{LinkOpenTag}
| |
| 756 | <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
| |
| 757 | {/block:permalinkpage}
| |
| 758 | {/block:Photo}
| |
| 759 | ||
| 760 | {block:Quote}
| |
| 761 | <span class="title">{Quote}</span><br />
| |
| 762 | {block:Source}{Source}{/block:Source}
| |
| 763 | {block:IndexPage}
| |
| 764 | <br /><div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div>
| |
| 765 | {/block:IndexPage}
| |
| 766 | {/block:Quote}
| |
| 767 | ||
| 768 | ||
| 769 | {block:Chat}
| |
| 770 | {block:Title}<span class="title">{Title}</span>{/block:Title}
| |
| 771 | <ul class="chat"> | |
| 772 | {block:Lines}
| |
| 773 | <li class="user_{UserNumber}">
| |
| 774 | {block:Label}
| |
| 775 | <span class="label">{Label}</span>
| |
| 776 | {/block:Label}
| |
| 777 | ||
| 778 | {Line}
| |
| 779 | </li> | |
| 780 | {/block:Lines}
| |
| 781 | </ul> | |
| 782 | {block:IndexPage}
| |
| 783 | <div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div>
| |
| 784 | {/block:IndexPage}
| |
| 785 | {/block:Chat}
| |
| 786 | ||
| 787 | {block:Audio}
| |
| 788 | {block:AlbumArt}<div class="artcover">
| |
| 789 | <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
| |
| 790 | ||
| 791 | <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
| |
| 792 | ||
| 793 | <div class="audioinfo"> | |
| 794 | <div class="i"><b>TITLE: </b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
| |
| 795 | <div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
| |
| 796 | <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
| |
| 797 | ||
| 798 | {block:IndexPage}
| |
| 799 | <div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div>
| |
| 800 | {/block:IndexPage}
| |
| 801 | {/block:Audio}
| |
| 802 | ||
| 803 | {block:Video}<center>
| |
| 804 | <div class="video">{Video-250}</div></center>
| |
| 805 | {block:IndexPage}
| |
| 806 | <div class="textt"><a href="{permalink}">{notecountwithlabel}</a> · {TimeAgo}</span></div>
| |
| 807 | {/block:IndexPage}
| |
| 808 | {block:Video}
| |
| 809 | ||
| 810 | {block:PostNotes}
| |
| 811 | ||
| 812 | <div class="textt"><div align="middle">{caption}</div>
| |
| 813 | <center> | |
| 814 | ||
| 815 | {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
| |
| 816 | ||
| 817 | {block:HasTags}
| |
| 818 | tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
| |
| 819 | {block:RebloggedFrom}
| |
| 820 | reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
| |
| 821 | posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
| |
| 822 | ||
| 823 | {/block:RebloggedFrom}
| |
| 824 | </center></span></div> | |
| 825 | <br> | |
| 826 | <div id="postnotes">{PostNotes}</div><br><p>
| |
| 827 | ||
| 828 | {/block:PostNotes}
| |
| 829 | </div> | |
| 830 | {/block:Posts}
| |
| 831 | </div></div> | |
| 832 | ||
| 833 | {block:IndexPage}
| |
| 834 | {block:Pagination}
| |
| 835 | <div id="pagination"> | |
| 836 | {block:NextPage}
| |
| 837 | <a id="nextPage" href="{NextPage}"></a>
| |
| 838 | {/block:NextPage}
| |
| 839 | {block:PreviousPage}
| |
| 840 | <a href="{PreviousPage}"></a>
| |
| 841 | {/block:PreviousPage}
| |
| 842 | </div> | |
| 843 | {/block:Pagination}
| |
| 844 | {/block:IndexPage}
| |
| 845 | ||
| 846 | </div> | |
| 847 | ||
| 848 | <script type="text/javascript"> | |
| 849 | <!-- | |
| 850 | ||
| 851 | // Disable Right Click Script | |
| 852 | ||
| 853 | function IE(e) | |
| 854 | {
| |
| 855 | if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")) | |
| 856 | {
| |
| 857 | return false; | |
| 858 | } | |
| 859 | } | |
| 860 | function NS(e) | |
| 861 | {
| |
| 862 | if (document.layers || (document.getElementById && !document.all)) | |
| 863 | {
| |
| 864 | if (e.which == "2" || e.which == "3") | |
| 865 | {
| |
| 866 | return false; | |
| 867 | } | |
| 868 | } | |
| 869 | } | |
| 870 | document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
| |
| 871 | ||
| 872 | //--> | |
| 873 | </script> | |
| 874 | ||
| 875 | </body> | |
| 876 | </div> | |
| 877 | ||
| 878 | </html> |