SHOW:
|
|
- or go back to the newest paste.
| 1 | <!-- | |
| 2 | ||
| 3 | ✧* 。♡ theme made by tumblr user @planthed ♡ 。*✧ | |
| 4 | ||
| 5 | theme blog: @themekid | |
| 6 | ||
| 7 | --> | |
| 8 | ||
| 9 | ||
| 10 | <html lang="en"> | |
| 11 | <head> | |
| 12 | ||
| 13 | <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script> | |
| 14 | <script type="text/javascript" | |
| 15 | src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> | |
| 16 | <title>{Title}</title>
| |
| 17 | <link rel="shortcut icon" href="{favicon}">
| |
| 18 | <meta name="image:sidebar" content=""/> | |
| 19 | <meta name="color:Background" content="#fff"/> | |
| 20 | <meta name="color:Link" content="#aaa" /> | |
| 21 | <meta name="color:text" content="#000"/> | |
| 22 | <meta name="text:blogtitle" content="stilinski" /> | |
| 23 | <meta name="text:Link 1 Title" content="link 1 title" /> | |
| 24 | <meta name="text:Link 1" content="https://" /> | |
| 25 | <meta name="text:Link 2 Title" content="link 2 title"/> | |
| 26 | <meta name="text:Link 2" content="https://" /> | |
| 27 | <meta name="text:Link 3 Title" content="link 3 title" /> | |
| 28 | <meta name="text:Link 3" content="https://" /> | |
| 29 | <meta name="text:Link 4 Title" content="link 4 title" /> | |
| 30 | <meta name="text:Link 4" content="https://" /> | |
| 31 | <meta name="text:Link 5 Title" content="link 5 title" /> | |
| 32 | <meta name="text:Link 5" content="https://" /> | |
| 33 | <meta name="text:Link 6 Title" content="link 6 title" /> | |
| 34 | <meta name="text:Link 6" content="https://" /> | |
| 35 | <meta name="if:Border post" content="1"/> | |
| 36 | <meta name="if:Background post" content="1"/> | |
| 37 | <meta name="if:Shadow" content="1"/> | |
| 38 | <meta name="if:lace banner" content="1"/> | |
| 39 | ||
| 40 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> | |
| 41 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic,700italic|Inconsolata:400,700' rel='stylesheet' type='text/css'> | |
| 42 | <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js"> | |
| 43 | </script> | |
| 44 | ||
| 45 | <style type="text/css"> | |
| 46 | ||
| 47 | ||
| 48 | #s-m-t-tooltip{
| |
| 49 | max-width:300px; | |
| 50 | padding:3px; | |
| 51 | padding-left:7px; | |
| 52 | padding-right:7px; | |
| 53 | min-height:7px; | |
| 54 | {block:ifbackgroundpost}
| |
| 55 | background:RGBA({RGBcolor:link}, 1);
| |
| 56 | {/block:ifbackgroundpost}
| |
| 57 | {block:ifnotbackgroundpost}
| |
| 58 | background:white; | |
| 59 | {/block:ifnotbackgroundpost}
| |
| 60 | {block:ifborderpost}
| |
| 61 | border:1px solid {color:link};
| |
| 62 | {/block:ifborderpost}
| |
| 63 | margin:20px 0px 0px 20px; | |
| 64 | font-family:open sans; | |
| 65 | text-transform:uppercase; | |
| 66 | letter-spacing:2px; | |
| 67 | font-size:7px; | |
| 68 | color:{color:text};
| |
| 69 | line-height:20px; | |
| 70 | opacity:1; | |
| 71 | z-index:9999999999999999999; | |
| 72 | } | |
| 73 | ||
| 74 | ||
| 75 | #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:0px!important; right:0px!important; opacity:.5;
| |
| 76 | -webkit-transition:all 0.6s ease-out;-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} | |
| 77 | ||
| 78 | #tumblr_controls, .tmblr-iframe:hover{
| |
| 79 | opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; | |
| 80 | -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%); | |
| 81 | } | |
| 82 | ||
| 83 | ::-webkit-scrollbar{
| |
| 84 | height:0px; | |
| 85 | width:9px; | |
| 86 | background-color:{color:background};
| |
| 87 | } | |
| 88 | ::-webkit-scrollbar-thumb{
| |
| 89 | height:6px; | |
| 90 | {block:ifbackgroundpost}
| |
| 91 | background:RGBA({RGBcolor:link}, 0.5);
| |
| 92 | {/block:ifbackgroundpost}
| |
| 93 | {block:ifnotbackgroundpost}
| |
| 94 | background:white; | |
| 95 | {/block:ifnotbackgroundpost}
| |
| 96 | border:1px solid {color:link};
| |
| 97 | } | |
| 98 | ||
| 99 | ||
| 100 | html, body, a{cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;}
| |
| 101 | ||
| 102 | ||
| 103 | a:link, a:active, a:visited{color:{color:link};-webkit-transition: all 0.6s ease-out;text-decoration:none;}
| |
| 104 | ||
| 105 | a:hover {color:{color:text};cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;}
| |
| 106 | ||
| 107 | #entry a{
| |
| 108 | color:{color:text};
| |
| 109 | } | |
| 110 | ||
| 111 | #a{width:250px; height:auto;}}
| |
| 112 | ||
| 113 | #center{
| |
| 114 | padding-top:3px; | |
| 115 | padding-bottom:3px; | |
| 116 | position:fixed !important; | |
| 117 | width:250px; | |
| 118 | height:207px; | |
| 119 | {block:PermalinkPage}
| |
| 120 | width:410px; | |
| 121 | height:207px; | |
| 122 | {/block:PermalinkPage}
| |
| 123 | } | |
| 124 | ||
| 125 | body{
| |
| 126 | margin:5px; | |
| 127 | background-color:{color:background};
| |
| 128 | background-image:url({image:Background});
| |
| 129 | background-attachment:fixed; | |
| 130 | background-repeat:repeat; | |
| 131 | color:{color:Text};
| |
| 132 | } | |
| 133 | ||
| 134 | #posts{
| |
| 135 | width:700px; | |
| 136 | margin:0px auto; | |
| 137 | margin-top:10px; | |
| 138 | } | |
| 139 | ||
| 140 | ||
| 141 | ||
| 142 | #entry img{
| |
| 143 | background:white; | |
| 144 | max-width:100%; | |
| 145 | -webkit-transition:all 0.3s ease-out; | |
| 146 | } | |
| 147 | ||
| 148 | ||
| 149 | #zoom{
| |
| 150 | position:relative; | |
| 151 | overflow:hidden; | |
| 152 | } | |
| 153 | ||
| 154 | #entry #zoom img{
| |
| 155 | display:block; | |
| 156 | -webkit-transition: all 0.3s ease-out; | |
| 157 | -moz-transition: all 0.3s ease-out; | |
| 158 | transition: all 0.3s ease-out; | |
| 159 | } | |
| 160 | ||
| 161 | #entry:hover #zoom img{
| |
| 162 | -webkit-transform: scale(1.4); | |
| 163 | -moz-transform: scale(1.4); | |
| 164 | -o-transform: scale(1.4); | |
| 165 | transform: scale(1.4); | |
| 166 | } | |
| 167 | ||
| 168 | #entry {
| |
| 169 | {block:ifbackgroundpost}
| |
| 170 | background:RGBA({RGBcolor:link}, 0.5);
| |
| 171 | {/block:ifbackgroundpost}
| |
| 172 | {block:ifnotbackgroundpost}
| |
| 173 | background:white; | |
| 174 | {/block:ifnotbackgroundpost}
| |
| 175 | {block:ifborderpost}
| |
| 176 | border:1px solid {color:link};
| |
| 177 | {/block:ifborderpost}
| |
| 178 | overflow:hidden; | |
| 179 | font-family:open sans; | |
| 180 | font-size:7px; | |
| 181 | padding:15px; | |
| 182 | letter-spacing:2px; | |
| 183 | text-transform:uppercase; | |
| 184 | line-height:13px; | |
| 185 | color:{color:text};
| |
| 186 | margin-top:70px; | |
| 187 | margin-left:60px; | |
| 188 | float:left; | |
| 189 | width:250px; | |
| 190 | {block:ifshadow}
| |
| 191 | box-shadow: 6px 6px {color:link};
| |
| 192 | {/block:ifshadow}
| |
| 193 | {block:PermalinkPage}
| |
| 194 | width:400px; | |
| 195 | {/block:PermalinkPage}
| |
| 196 | } | |
| 197 | ||
| 198 | .entrytext a{
| |
| 199 | border-bottom:1px solid {color:link};
| |
| 200 | } | |
| 201 | ||
| 202 | .entrytext a:hover{
| |
| 203 | ||
| 204 | border-bottom:1px solid {color:text};
| |
| 205 | } | |
| 206 | ||
| 207 | ||
| 208 | #audio {width:250px;height:auto;min-height:60px;padding-bottom:0px;}
| |
| 209 | .cover {position:absolute;z-index:1;width:60px;height:60px;margin-left:0px;
| |
| 210 | margin-top:0px;}#entry:hover .cover img{-webkit-transform:scale(1);}
| |
| 211 | .cover img {float:left;width:40px;padding:10px;
| |
| 212 | height:40px;-webkit-transform:scale(1);} | |
| 213 | .playbox {opacity:0;width:27px;height:30px;overflow:hidden;position:absolute;
| |
| 214 | z-index:1000;margin-left:17px;margin-top:17px;text-align:center;-webkit-transition:all 0.7s ease-out; | |
| 215 | -webkit-transform: scale(0);} | |
| 216 | #entry:hover .playbox{opacity:.6;
| |
| 217 | -webkit-transform: scale(1);} | |
| 218 | .song {margin-left:60px;margin-top:0px;color:{color:text};padding:10px;text-align:center;width:170px;font-size:13px;letter-spacing:2px;
| |
| 219 | font-family:raleway;text-transform:uppercase;line-height:14px;overflow:auto; | |
| 220 | border-left:1px solid {color:link};height:40px;{block:Permalinkpage}width:320px;{/block:Permalinkpage}}
| |
| 221 | .art {margin-left:0px;margin-top:1px;color:{color:text};
| |
| 222 | padding:10px;width:230px;text-align:Center;font-size:10px;border-top:1px solid {color:link};letter-spacing:4px;text-transform:uppercase;font-family:raleway;line-height:27px;{block:Permalinkpage}width:380px;{/block:Permalinkpage}height:15px;}
| |
| 223 | ||
| 224 | li {
| |
| 225 | position:relative; | |
| 226 | display:block; | |
| 227 | } | |
| 228 | ||
| 229 | /*―*/ | |
| 230 | ||
| 231 | li:before {
| |
| 232 | content:'×'; | |
| 233 | font-size:8px; | |
| 234 | position:absolute; | |
| 235 | font-family:karla; | |
| 236 | left:-10px; | |
| 237 | color:{color:li};
| |
| 238 | top:0px; | |
| 239 | } | |
| 240 | ||
| 241 | .title{
| |
| 242 | font-family: raleway; | |
| 243 | padding:2px; | |
| 244 | font-size:15px; | |
| 245 | text-transform:uppercase; | |
| 246 | letter-spacing:2px; | |
| 247 | line-height:25px; | |
| 248 | color:{color:text};
| |
| 249 | } | |
| 250 | ||
| 251 | ||
| 252 | ||
| 253 | blockquote{
| |
| 254 | border-left:1px solid {color:link};
| |
| 255 | padding:5px; | |
| 256 | text-transform:uppercase; | |
| 257 | letter-spacing:1px; | |
| 258 | line-height:15px; | |
| 259 | font-size:7px; | |
| 260 | margin:0px; | |
| 261 | padding-bottom:1px; | |
| 262 | } | |
| 263 | ||
| 264 | .quote{
| |
| 265 | font-family:Raleway; | |
| 266 | font-size:17px; | |
| 267 | line-height:20px; | |
| 268 | text-transform:uppercase; | |
| 269 | color:{color:text};
| |
| 270 | } | |
| 271 | ||
| 272 | ||
| 273 | .video iframe, | |
| 274 | .video .tumblr_video_container, | |
| 275 | .video .tumblr_video_container iframe {
| |
| 276 | display:block; | |
| 277 | width:100%; | |
| 278 | height:auto; | |
| 279 | } | |
| 280 | ||
| 281 | .video #youtube_iframe {
| |
| 282 | display:block; | |
| 283 | width:100%; | |
| 284 | height:auto; | |
| 285 | } | |
| 286 | ||
| 287 | ||
| 288 | ||
| 289 | ||
| 290 | .q{
| |
| 291 | margin-top:0px; | |
| 292 | padding:4px; | |
| 293 | line-height:14px; | |
| 294 | } | |
| 295 | ||
| 296 | .as{
| |
| 297 | color:{color:text};
| |
| 298 | margin-left:39px; | |
| 299 | letter-spacing:2px; | |
| 300 | font-family:raleway; | |
| 301 | text-transform:uppercase; | |
| 302 | padding-bottom:3px; | |
| 303 | font-size:10px; | |
| 304 | border-bottom:1px solid {color:link};
| |
| 305 | } | |
| 306 | ||
| 307 | .as a{
| |
| 308 | color:{color:text};
| |
| 309 | } | |
| 310 | ||
| 311 | .ed{
| |
| 312 | color:{color:text};
| |
| 313 | margin-left:0px; | |
| 314 | letter-spacing:2px; | |
| 315 | font-family:raleway; | |
| 316 | text-align:right; | |
| 317 | text-transform:uppercase; | |
| 318 | font-size:10px; | |
| 319 | padding-bottom:3px; | |
| 320 | border-bottom:1px solid {color:link};
| |
| 321 | } | |
| 322 | ||
| 323 | .a{
| |
| 324 | line-height:14px; | |
| 325 | text-align:left; | |
| 326 | padding:5px; | |
| 327 | } | |
| 328 | ||
| 329 | ||
| 330 | ol.notes li.note img.avatar {
| |
| 331 | display:none;} | |
| 332 | ||
| 333 | ||
| 334 | ||
| 335 | .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{background:{color:link}; padding:5px;margin-bottom:8px;text-transform:uppercase;font-size:7px;letter-spacing:2px;color:{color:text};line-height:15px;padding-top:8px;}
| |
| 336 | ||
| 337 | .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{background:rgba({RGBcolor:link}, 0.5); padding:5px;margin-bottom:8px;text-transform:uppercase;font-size:7px;letter-spacing:2px;color:{color:text};line-height:15px;padding-top:8px;}
| |
| 338 | ||
| 339 | ||
| 340 | .permalinktext{
| |
| 341 | -o-transition-transition: all 1.5s ease-out; | |
| 342 | -webkit-transition: all 1.5s ease-out; | |
| 343 | display:block; | |
| 344 | text-align:right; | |
| 345 | text-decoration:none; | |
| 346 | margin-top:9px; | |
| 347 | font-size:7px; | |
| 348 | letter-spacing:2px; | |
| 349 | font-family:open sans; | |
| 350 | text-transform:uppercase; | |
| 351 | {block:ifborderpost}
| |
| 352 | border-top:1px solid {color:link};
| |
| 353 | {/block:ifborderpost}
| |
| 354 | padding-right:5px; | |
| 355 | padding-top:5px; | |
| 356 | line-height:20px; | |
| 357 | margin-left:-20px; | |
| 358 | width:280px; | |
| 359 | height:10px; | |
| 360 | } | |
| 361 | ||
| 362 | ||
| 363 | #perma1 a, #perma2 a, #perma3 a{color:{color:text};
| |
| 364 | font-family:10px; | |
| 365 | } | |
| 366 | ||
| 367 | #perma1 a:hover, #perma2 a:hover, #perma3 a:hover{
| |
| 368 | color:{color:link};
| |
| 369 | } | |
| 370 | ||
| 371 | ||
| 372 | #perma1 {
| |
| 373 | margin-left:-300px; | |
| 374 | opacity:0; | |
| 375 | {block:ifbackgroundpost}
| |
| 376 | background:RGBA({RGBcolor:link}, 1);
| |
| 377 | {/block:ifbackgroundpost}
| |
| 378 | {block:ifnotbackgroundpost}
| |
| 379 | background:white; | |
| 380 | {/block:ifnotbackgroundpost}
| |
| 381 | margin-top:10px; | |
| 382 | width:auto; | |
| 383 | height:13px; | |
| 384 | padding:5px; | |
| 385 | z-index:9999999; | |
| 386 | text-transform:uppercase; | |
| 387 | word-spacing:3px; | |
| 388 | letter-spacing:1px; | |
| 389 | position:absolute; | |
| 390 | transition: all .5s ease-out; | |
| 391 | -o-transition-transition: all .5s ease-out; | |
| 392 | -webkit-transition: all .5s ease-out; | |
| 393 | } | |
| 394 | ||
| 395 | ||
| 396 | #perma2 {
| |
| 397 | margin-left:-300px; | |
| 398 | opacity:0; | |
| 399 | margin-top:40px; | |
| 400 | width:auto; | |
| 401 | height:13px; | |
| 402 | padding:5px; | |
| 403 | z-index:9999999; | |
| 404 | {block:ifbackgroundpost}
| |
| 405 | background:RGBA({RGBcolor:link}, 1);
| |
| 406 | {/block:ifbackgroundpost}
| |
| 407 | {block:ifnotbackgroundpost}
| |
| 408 | background:white; | |
| 409 | {/block:ifnotbackgroundpost}
| |
| 410 | text-transform:uppercase; | |
| 411 | word-spacing:3px; | |
| 412 | letter-spacing:1px; | |
| 413 | position:absolute; | |
| 414 | transition: all 1s ease-out; | |
| 415 | -o-transition-transition: all 1s ease-out; | |
| 416 | -webkit-transition: all 1s ease-out; | |
| 417 | ||
| 418 | } | |
| 419 | ||
| 420 | #perma3 {
| |
| 421 | margin-left:-300px; | |
| 422 | opacity:0; | |
| 423 | margin-top:70px; | |
| 424 | width:auto; | |
| 425 | height:13px; | |
| 426 | padding:5px; | |
| 427 | z-index:9999999; | |
| 428 | {block:ifbackgroundpost}
| |
| 429 | background:RGBA({RGBcolor:link}, 1);
| |
| 430 | {/block:ifbackgroundpost}
| |
| 431 | {block:ifnotbackgroundpost}
| |
| 432 | background:white; | |
| 433 | {/block:ifnotbackgroundpost}
| |
| 434 | text-transform:uppercase; | |
| 435 | word-spacing:3px; | |
| 436 | letter-spacing:1px; | |
| 437 | position:absolute; | |
| 438 | transition: all 1.5s ease-out; | |
| 439 | -o-transition-transition: all 1.5s ease-out; | |
| 440 | -webkit-transition: all 1.5s ease-out; | |
| 441 | ||
| 442 | } | |
| 443 | ||
| 444 | ||
| 445 | #entry:hover #perma3, #entry:hover #perma2, #entry:hover #perma1 {
| |
| 446 | opacity:1; | |
| 447 | margin-left:10px; | |
| 448 | ||
| 449 | } | |
| 450 | ||
| 451 | #sidebar {
| |
| 452 | position:fixed; | |
| 453 | z-index:999999; | |
| 454 | width:190px; | |
| 455 | margin-top:160px; | |
| 456 | margin-left:120px; | |
| 457 | height:auto; | |
| 458 | font-size:7px; | |
| 459 | line-height:13px; | |
| 460 | color:{color:text};
| |
| 461 | padding-top:0px; | |
| 462 | font-family:open sans; | |
| 463 | letter-spacing:1px; | |
| 464 | text-align:left; | |
| 465 | text-transform:uppercase; | |
| 466 | } | |
| 467 | ||
| 468 | ||
| 469 | .sideline{
| |
| 470 | height:1px; | |
| 471 | background:{color:link};
| |
| 472 | position:fixed; | |
| 473 | z-index:9999999999999; | |
| 474 | width:148px; | |
| 475 | margin-left:36px; | |
| 476 | margin-top:-4px; | |
| 477 | } | |
| 478 | ||
| 479 | .sideline2{
| |
| 480 | height:1px; | |
| 481 | background:{color:link};
| |
| 482 | position:fixed; | |
| 483 | z-index:99; | |
| 484 | width:0px; | |
| 485 | opacity:0; | |
| 486 | margin-left:100px; | |
| 487 | margin-top:8px; | |
| 488 | -webkit-transition: opacity 0.6s linear; | |
| 489 | -webkit-transition: all 0.6s ease-in-out; | |
| 490 | -moz-transition: all 0.6s ease-in-out; | |
| 491 | -o-transition: all 0.6s ease-in-out; | |
| 492 | } | |
| 493 | ||
| 494 | #sidebar:hover .sideline2{
| |
| 495 | width:190px; | |
| 496 | opacity:1; | |
| 497 | margin-left:-5px; | |
| 498 | } | |
| 499 | ||
| 500 | p{margin-top:1px;}
| |
| 501 | ||
| 502 | .foto img{
| |
| 503 | float:left; | |
| 504 | {block:ifbackgroundpost}
| |
| 505 | background:RGBA({RGBcolor:link}, 0.5);
| |
| 506 | {/block:ifbackgroundpost}
| |
| 507 | {block:ifnotbackgroundpost}
| |
| 508 | background:white; | |
| 509 | {/block:ifnotbackgroundpost}
| |
| 510 | border:1px solid {color:link};
| |
| 511 | width:40px; | |
| 512 | padding:5px; | |
| 513 | border-radius:100%; | |
| 514 | margin:-28px 0 0 -15px; | |
| 515 | z-index:9999999999; | |
| 516 | } | |
| 517 | ||
| 518 | .titulo {
| |
| 519 | position:fixed; | |
| 520 | margin-top:-25px; | |
| 521 | margin-left:-10px; | |
| 522 | font-family:raleway; | |
| 523 | z-index:99999; | |
| 524 | height:10px; | |
| 525 | padding:1px; | |
| 526 | text-align:right; | |
| 527 | font-size:20px; | |
| 528 | width:190px; | |
| 529 | line-height:14px; | |
| 530 | letter-spacing:3px; | |
| 531 | color:{color:link};
| |
| 532 | } | |
| 533 | ||
| 534 | .links{
| |
| 535 | opacity:1; | |
| 536 | position:absolute; | |
| 537 | margin-top:-20px; | |
| 538 | padding:5px; | |
| 539 | max-width:264px; | |
| 540 | margin-left:-8px; | |
| 541 | opacity:0; | |
| 542 | z-index:999999999999999; | |
| 543 | text-align:center; | |
| 544 | -webkit-transition: 1s ease; | |
| 545 | -moz-transition: 1s ease; | |
| 546 | transition: 1s ease; | |
| 547 | } | |
| 548 | ||
| 549 | #sidebar:hover .links{
| |
| 550 | opacity:1; | |
| 551 | margin-top:-8px; | |
| 552 | } | |
| 553 | ||
| 554 | .links a{
| |
| 555 | text-decoration:none; | |
| 556 | color:{color:link};
| |
| 557 | font-size:7px; | |
| 558 | font-family:Montserrat, Helvetica, Arial, sans-serif; | |
| 559 | display:inline-block; | |
| 560 | line-height:12px; | |
| 561 | margin-left:1px; | |
| 562 | position:relative; | |
| 563 | text-transform:uppercase; | |
| 564 | text-align:center; | |
| 565 | padding:5px; | |
| 566 | height:10px; | |
| 567 | width:11px; | |
| 568 | background:{color:background};
| |
| 569 | border:1px solid {color:background};
| |
| 570 | letter-spacing:2px; | |
| 571 | -webkit-transition:all 0.3s ease-out; | |
| 572 | -webkit-transform:scale(1); | |
| 573 | } | |
| 574 | ||
| 575 | .links a:hover{
| |
| 576 | {block:ifbackgroundpost}
| |
| 577 | background:RGBA({RGBcolor:link}, 1);
| |
| 578 | {/block:ifbackgroundpost}
| |
| 579 | {block:ifnotbackgroundpost}
| |
| 580 | background:white; | |
| 581 | {/block:ifnotbackgroundpost}
| |
| 582 | ||
| 583 | {block:ifborderpost}
| |
| 584 | border:1px solid {color:link};
| |
| 585 | {/block:ifborderpost}
| |
| 586 | color:{color:text};
| |
| 587 | font-size:7px; | |
| 588 | -webkit-transform:scale(1); | |
| 589 | -webkit-transition:all 0.3s ease-out; | |
| 590 | } | |
| 591 | ||
| 592 | ||
| 593 | ||
| 594 | #lace{
| |
| 595 | position:fixed; | |
| 596 | opacity:1; | |
| 597 | width:100%; | |
| 598 | height:22px; | |
| 599 | border-bottom:1px solid {color:link};
| |
| 600 | {block:ifbackgroundpost}
| |
| 601 | background:RGBA({RGBcolor:link}, 0.5);
| |
| 602 | {/block:ifbackgroundpost}
| |
| 603 | {block:ifnotbackgroundpost}
| |
| 604 | background:white; | |
| 605 | {/block:ifnotbackgroundpost}
| |
| 606 | margin-top:-10px; | |
| 607 | margin-left:-5px; | |
| 608 | z-index:999999; | |
| 609 | text-align:center; | |
| 610 | -webkit-transition: all .7s ease; | |
| 611 | -moz-transition: all .7s ease; | |
| 612 | -o-transition: all .7s ease; | |
| 613 | transition: all .7s ease;} | |
| 614 | ||
| 615 | ||
| 616 | ||
| 617 | .wow {
| |
| 618 | position:fixed; | |
| 619 | font-size:20px; | |
| 620 | right:10px; | |
| 621 | bottom:10px; | |
| 622 | z-index:999999999999999999999999; | |
| 623 | -o-transition-transition: all 0.3s ease; | |
| 624 | -webkit-transition: all 0.3s ease; | |
| 625 | -moz-transition: all 0.3s ease; | |
| 626 | transition: all 0.3s ease; | |
| 627 | } | |
| 628 | ||
| 629 | .wow a{color:{color:blogtitle};}
| |
| 630 | .wow:hover a{color:{color:link};}
| |
| 631 | .wow:hover{
| |
| 632 | -webkit-animation:pop 1s; | |
| 633 | -ms-transform: rotate(360deg); /* IE 9 */ | |
| 634 | -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ | |
| 635 | transform: rotate(360deg); | |
| 636 | } | |
| 637 | ||
| 638 | @-webkit-keyframes pop{0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(.8);}100% {-webkit-transform: scale(1);}}
| |
| 639 | ||
| 640 | </style> | |
| 641 | ||
| 642 | <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
| |
| 643 | ||
| 644 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> | |
| 645 | ||
| 646 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | |
| 647 | <script type="text/javascript"> | |
| 648 | WebFontConfig = {
| |
| 649 | google: { families: [ 'Open+Sans:400,300:latin', 'Roboto:400,100:latin', 'Lato:400,300:latin', 'Raleway:400,300:latin', 'Montserrat:400,700:latin', 'NTR::latin', 'Karla::latin', 'Quicksand::latin', 'Petit+Formal+Script::latin', 'Parisienne::latin', 'Clicker+Script::latin' ] }
| |
| 650 | }; | |
| 651 | (function() {
| |
| 652 | var wf = document.createElement('script');
| |
| 653 | wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
| |
| 654 | '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; | |
| 655 | wf.type = 'text/javascript'; | |
| 656 | wf.async = 'true'; | |
| 657 | var s = document.getElementsByTagName('script')[0];
| |
| 658 | s.parentNode.insertBefore(wf, s); | |
| 659 | })(); </script> | |
| 660 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> | |
| 661 | <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> | |
| 662 | <script> | |
| 663 | (function($){
| |
| 664 | $(document).ready(function(){
| |
| 665 | $("a[title]").style_my_tooltips({
| |
| 666 | tip_follows_cursor:true, | |
| 667 | tip_delay_time:90, | |
| 668 | tip_fade_speed:600, | |
| 669 | attribute:"title" | |
| 670 | }); | |
| 671 | }); | |
| 672 | })(jQuery); | |
| 673 | </script> | |
| 674 | ||
| 675 | ||
| 676 | <body> | |
| 677 | <div id="center"> | |
| 678 | <div id="content"> | |
| 679 | ||
| 680 | {block:iflacebanner}
| |
| 681 | <div id="lace"></div> | |
| 682 | {/block:iflacebanner}
| |
| 683 | ||
| 684 | ||
| 685 | <div id="sidebar"> | |
| 686 | <div class="foto"><img src="{image:sidebar}"></div>
| |
| 687 | <div class="sideline"></div> | |
| 688 | <div class="titulo">{text:blogtitle}</div>
| |
| 689 | <p> {description}</p>
| |
| 690 | <div class="sideline2"></div> | |
| 691 | <div class="links"> | |
| 692 | <a title="{text:Link 1 Title}" href="{text:Link 1}">i</a>
| |
| 693 | <a title="{text:Link 2 Title}" href="{text:Link 2}">ii</a>
| |
| 694 | <a title="{text:Link 3 Title}" href="{text:Link 3}">iii</a>
| |
| 695 | <a title="{text:Link 4 Title}" href="{text:Link 4}">iv</a>
| |
| 696 | <a title="{text:Link 5 Title}" href="{text:Link 5}">v</a>
| |
| 697 | <a title="{text:Link 6 Title}" href="{text:Link 6}">vi</a>
| |
| 698 | <a title="theme" href="http://planthed.tumblr.com" target="_blank">vii</a> | |
| 699 | </div> | |
| 700 | </div> | |
| 701 | </div> | |
| 702 | ||
| 703 | ||
| 704 | <!--don't delete or i will fucking will you--> | |
| 705 | <div class="wow"><a title="theme credit" href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-product-hunt"></i></a></div> | |
| 706 | <!--don't delete or i will fucking will you--> | |
| 707 | ||
| 708 | ||
| 709 | <div id="posts"> | |
| 710 | {block:Posts}
| |
| 711 | <div id="entry"> | |
| 712 | ||
| 713 | ||
| 714 | {block:Text}
| |
| 715 | {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
| |
| 716 | <span class="entrytext">{Body}</span></span></a>
| |
| 717 | {block:IndexPage}
| |
| 718 | <div class="permalinktext"> | |
| 719 | {DayOfMonth} {Month}, <a href="{permalink}">{notecount} notes</a>, <a href="{ReblogURL}" target="_blank">reblog?</a></div>
| |
| 720 | {/block:IndexPage}
| |
| 721 | {/block:Text}
| |
| 722 | ||
| 723 | ||
| 724 | {block:Link}
| |
| 725 | <a href="{URL}" class="title">{Name}</a>
| |
| 726 | {block:Description}{Description}{/block:Description}
| |
| 727 | {block:IndexPage}
| |
| 728 | <div class="permalinktext"> | |
| 729 | {DayOfMonth} {Month}, <a href="{permalink}">{notecount} notes</a>, <a href="{ReblogURL}" target="_blank">reblog?</a></div>
| |
| 730 | {/block:IndexPage}
| |
| 731 | {block:Link}
| |
| 732 | ||
| 733 | ||
| 734 | {block:Photo}
| |
| 735 | {block:IndexPage}
| |
| 736 | <div id="perma1"><a href="{reblogurl}" target="_blank">Reblog</a></div>
| |
| 737 | <div id="perma2"><a href="{permalink}" target="_blank">{notecount} notes</a></div>
| |
| 738 | <div id="perma3"><a href="{permalink}" target="_blank">{timeago}</a></div>
| |
| 739 | {/block:IndexPage}
| |
| 740 | <div id="zoom"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/></div>
| |
| 741 | {/block:Photo}
| |
| 742 | ||
| 743 | ||
| 744 | {block:Photoset}
| |
| 745 | {block:IndexPage}
| |
| 746 | {Photoset-250}
| |
| 747 | {/block:IndexPage}
| |
| 748 | {block:IndexPage}
| |
| 749 | <div class="permalinktext"> | |
| 750 | {DayOfMonth} {Month}, <a href="{permalink}">{notecount} notes</a>, <a href="{ReblogURL}" target="_blank">reblog?</a></div>
| |
| 751 | {/block:IndexPage}
| |
| 752 | {block:PermalinkPage}
| |
| 753 | {Photoset-400}
| |
| 754 | {/block:PermalinkPage}
| |
| 755 | {/block:Photoset}
| |
| 756 | ||
| 757 | ||
| 758 | ||
| 759 | {block:Quote}
| |
| 760 | <div class="quote">❝ {quote}</div>
| |
| 761 | {block:IndexPage}
| |
| 762 | <div class="permalinktext"> | |
| 763 | {DayOfMonth} {Month}, <a href="{permalink}">{notecount} notes</a>, <a href="{ReblogURL}" target="_blank">reblog?</a></div>
| |
| 764 | {/block:IndexPage}
| |
| 765 | {/block:Quote}
| |
| 766 | ||
| 767 | {block:Chat}
| |
| 768 | <div class="chat"> | |
| 769 | {block:Title}<span class="title">{Title}</span></span>{/block:Title}
| |
| 770 | {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
| |
| 771 | </div> | |
| 772 | {block:IndexPage}
| |
| 773 | <div class="permalinktext"> | |
| 774 | {DayOfMonth} {Month}, <a href="{permalink}">{notecount} notes</a>, <a href="{ReblogURL}" target="_blank">reblog?</a></div>
| |
| 775 | {/block:IndexPage}
| |
| 776 | {/block:Chat}
| |
| 777 | ||
| 778 | {block:Audio}
| |
| 779 | <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div> | |
| 780 | {block:AlbumArt}
| |
| 781 | <div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
| |
| 782 | <div class="playbox"> | |
| 783 | {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
| |
| 784 | <div class="song"> | |
| 785 | <div style="margin-top:15px"> | |
| 786 | <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>
| |
| 787 | {block:TrackName}{TrackName}{/block:TrackName}</div>
| |
| 788 | </div> | |
| 789 | </div> | |
| 790 | <div class="art"><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
| |
| 791 | {block:IndexPage}
| |
| 792 | <div class="permalinktext"> | |
| 793 | {DayOfMonth} {Month}, <a href="{permalink}">{notecount} notes</a>, <a href="{ReblogURL}" target="_blank">reblog?</a></div>
| |
| 794 | {/block:IndexPage}
| |
| 795 | {/block:Audio}
| |
| 796 | ||
| 797 | ||
| 798 | {block:Video}
| |
| 799 | {block:IndexPage}
| |
| 800 | {Video-250}
| |
| 801 | {/block:IndexPage}</center>
| |
| 802 | {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
| |
| 803 | {block:IndexPage}
| |
| 804 | <div class="permalinktext"> | |
| 805 | {DayOfMonth} {Month}, <a href="{permalink}">{notecount} notes</a>, <a href="{ReblogURL}" target="_blank">reblog?</a></div>
| |
| 806 | {/block:IndexPage}
| |
| 807 | {block:Video}
| |
| 808 | ||
| 809 | ||
| 810 | {block:Answer}
| |
| 811 | <img src="{AskerPortraitURL-30}" width="30" align="left" style="border-radius:100%;border:5px solid {color:link};float:left;-webkit-transform:scale(1);opacity:1 ">
| |
| 812 | <div class="as"> {Asker} asked:</div>
| |
| 813 | <div class="q"> | |
| 814 | {Question}</div><br>
| |
| 815 | <img src="{image:sidebar}" width="30" align="right" style="border-radius:100%;border:5px solid {color:link};float:right;-webkit-transform:scale(1);opacity:1">
| |
| 816 | <div class="ed"> {name} replied:</div>
| |
| 817 | <div class="a">{Answer}</div>
| |
| 818 | {block:IndexPage}
| |
| 819 | <div class="permalinktext"> | |
| 820 | {DayOfMonth} {Month}, <a href="{permalink}">{notecount} notes</a>, <a href="{ReblogURL}" target="_blank">reblog?</a></div>
| |
| 821 | {/block:IndexPage}
| |
| 822 | {/block:Answer}
| |
| 823 | ||
| 824 | ||
| 825 | {block:PermalinkPage}
| |
| 826 | {block:Caption}{Caption}{/block:Caption}
| |
| 827 | <center>{block:RebloggedFrom}
| |
| 828 | posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
| |
| 829 | <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
| |
| 830 | {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
| |
| 831 | ||
| 832 | {block:NoteCount} <div style="border-bottom: 1px solid {color:link}; text-align: center; margin: 8px;"></div>{/block:NoteCount}
| |
| 833 | </center> | |
| 834 | {/block:PermalinkPage}
| |
| 835 | ||
| 836 | {block:PostNotes}<br>
| |
| 837 | <div id="postnotes">{PostNotes}</div>
| |
| 838 | {/block:PostNotes}
| |
| 839 | </div> | |
| 840 | {/block:Posts}
| |
| 841 | </div></div> | |
| 842 | ||
| 843 | {block:indexpage}
| |
| 844 | {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
| |
| 845 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> | |
| 846 | <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script> | |
| 847 | <script type="text/javascript"> | |
| 848 | $(window).load(function(){
| |
| 849 | var $wall = $('#posts');
| |
| 850 | $wall.imagesLoaded(function(){
| |
| 851 | $wall.masonry({
| |
| 852 | itemSelector: '#entry, #entry_photo', | |
| 853 | isAnimated : false | |
| 854 | }); | |
| 855 | }); | |
| 856 | ||
| 857 | $wall.infinitescroll({
| |
| 858 | navSelector : '#page-nav', | |
| 859 | nextSelector : '#page-nav a', | |
| 860 | itemSelector : '#entry, #entry_photo', | |
| 861 | bufferPx : 2000, | |
| 862 | debug : false, | |
| 863 | errorCallback: function() {
| |
| 864 | $('#infscr-loading').fadeOut('normal');
| |
| 865 | }}, | |
| 866 | function( newElements ) {
| |
| 867 | var $newElems = $( newElements ); | |
| 868 | $newElems.hide(); | |
| 869 | $newElems.imagesLoaded(function(){
| |
| 870 | $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
| |
| 871 | }); | |
| 872 | }); $('#content').show(500);
| |
| 873 | }); | |
| 874 | </script> | |
| 875 | {/block:indexpage}
| |
| 876 | <script type="text/javascript"> | |
| 877 | <!-- | |
| 878 | ||
| 879 | // Disable Right Click Script | |
| 880 | ||
| 881 | function IE(e) | |
| 882 | {
| |
| 883 | if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")) | |
| 884 | {
| |
| 885 | return false; | |
| 886 | } | |
| 887 | } | |
| 888 | function NS(e) | |
| 889 | {
| |
| 890 | if (document.layers || (document.getElementById && !document.all)) | |
| 891 | {
| |
| 892 | if (e.which == "2" || e.which == "3") | |
| 893 | {
| |
| 894 | return false; | |
| 895 | } | |
| 896 | } | |
| 897 | } | |
| 898 | document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
| |
| 899 | ||
| 900 | //--> | |
| 901 | </script> | |
| 902 | </body> | |
| 903 | </html> |