SHOW:
|
|
- or go back to the newest paste.
| 1 | <!--You cannot remove credit! If you absolutely NEED to move it, I expect it to be placed somewhere else on the theme, preferably on the main page. If you remove credit, I will report you :) I take a lot of time on these theme so please respect that. If you have any questions or problems, just let me know and I'll be happy to help you! :)--> | |
| 2 | ||
| 3 | <html> | |
| 4 | ||
| 5 | <head> | |
| 6 | ||
| 7 | <meta name="color:links" content="#a28979" /> | |
| 8 | <meta name="color:linkshover" content="#a28979" /> | |
| 9 | <meta name="color:sidebar" content="#ffffff" /> | |
| 10 | <meta name="color:background" content="#d6a77f" /> | |
| 11 | <meta name="image:background" content="" /> | |
| 12 | <meta name="image:sidebar" content="" /> | |
| 13 | <meta name="if:link1" content="" /> | |
| 14 | <meta name="text:link1" content=""/> | |
| 15 | <meta name="text:link1url" content="" /> | |
| 16 | <meta name="if:link2" content="" /> | |
| 17 | <meta name="text:link2" content=""/> | |
| 18 | <meta name="text:link1ur2" content="" /> | |
| 19 | ||
| 20 | ||
| 21 | ||
| 22 | <link rel="shortcut icon" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/teacup301.gif"> | |
| 23 | ||
| 24 | {block:Description}
| |
| 25 | <meta name="description" content="{MetaDescription}" />
| |
| 26 | {/block:Description}
| |
| 27 | ||
| 28 | <title>{Title}</title>
| |
| 29 | ||
| 30 | ||
| 31 | <style type="text/css"> | |
| 32 | ||
| 33 | @font-face {font-family:"arma";src:url('http://static.tumblr.com/7glhdxz/B3Mmgevme/pf_arma_five.ttf');}
| |
| 34 | ||
| 35 | @font-face{font-family:"Ginette";src:url('http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf');}
| |
| 36 | ||
| 37 | @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
| |
| 38 | ||
| 39 | @font-face{font-family:"Gruenewald"; src: url('http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf');}
| |
| 40 | ||
| 41 | /*GENERAL*/ | |
| 42 | ||
| 43 | body{
| |
| 44 | background-image:url('{image:background}');
| |
| 45 | background-color:{color:background};
| |
| 46 | background-attachment: fixed; | |
| 47 | font-family:"arma"; | |
| 48 | font-size:8px; | |
| 49 | color:#2A120A; | |
| 50 | } | |
| 51 | ||
| 52 | a:link, a:active, a:visited{
| |
| 53 | color: {color:links};
| |
| 54 | text-decoration: none;} | |
| 55 | ||
| 56 | a:hover {
| |
| 57 | color:{color:linkshover};
| |
| 58 | text-decoration: none;} | |
| 59 | ||
| 60 | ||
| 61 | /*SIDEBAR*/ | |
| 62 | ||
| 63 | div#sidebar{
| |
| 64 | margin-left:120px; | |
| 65 | width:200px; | |
| 66 | height:auto; | |
| 67 | background:{color:sidebar};
| |
| 68 | margin-top:150px; | |
| 69 | font-family:"arma"; | |
| 70 | font-size:8px; | |
| 71 | padding:5px; | |
| 72 | position:fixed; | |
| 73 | border: 1px solid #ccc; | |
| 74 | } | |
| 75 | ||
| 76 | div#title{
| |
| 77 | margin-left:401px; | |
| 78 | width:654px; | |
| 79 | height:50px; | |
| 80 | text-align:center; | |
| 81 | font-size:40px; | |
| 82 | position:fixed; | |
| 83 | margin-top:50px; | |
| 84 | background:#ffffff; | |
| 85 | opacity:.7; | |
| 86 | font-family:"Gruenewald"; | |
| 87 | z-index:1; | |
| 88 | ||
| 89 | } | |
| 90 | ||
| 91 | /*POSTS*/ | |
| 92 | ||
| 93 | div#posts{
| |
| 94 | margin-left: 400px; | |
| 95 | margin-top:0px; | |
| 96 | width:655px; | |
| 97 | height:110%; | |
| 98 | background: #ffffff; | |
| 99 | ||
| 100 | } | |
| 101 | ||
| 102 | ||
| 103 | ||
| 104 | .entry {
| |
| 105 | margin:3px; | |
| 106 | padding:5px; | |
| 107 | float:left; | |
| 108 | background-color: white; | |
| 109 | overflow:hidden; | |
| 110 | border:1px solid #ddd; | |
| 111 | {block:IndexPage}
| |
| 112 | width:200px; | |
| 113 | {/block:IndexPage}
| |
| 114 | {block:PermalinkPage}
| |
| 115 | width:500px; | |
| 116 | line-height:14px; | |
| 117 | padding:3px; | |
| 118 | padding-bottom:1px; | |
| 119 | margin-left: 298px; | |
| 120 | {/block:PermalinkPage}
| |
| 121 | } | |
| 122 | ||
| 123 | .tweek {
| |
| 124 | font-size:15px; | |
| 125 | line-height:100%; | |
| 126 | padding:2px; | |
| 127 | color:#fff; | |
| 128 | z-index:987897978978999999; | |
| 129 | } | |
| 130 | ||
| 131 | ||
| 132 | #audiostats {display:block; height:auto; position:relative; min-height:80px;}
| |
| 133 | ||
| 134 | .audioentry {width:200px; background-color:#ffffff; position:relative; padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;}
| |
| 135 | ||
| 136 | .audio {top: 15px; left: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; position: absolute; z-index: 3; background: white; opacity: .5; filter:alpha(opacity=50)}
| |
| 137 | ||
| 138 | .audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
| |
| 139 | ||
| 140 | .perms {
| |
| 141 | border-bottom: 1px solid {color:border};
| |
| 142 | color:#777; | |
| 143 | font-size:8px; | |
| 144 | opacity: 0; | |
| 145 | -webkit-transition-duration: .75s;top:0px; | |
| 146 | width:200px; | |
| 147 | height:22px; | |
| 148 | padding-bottom:4px; | |
| 149 | background-color: #fff; | |
| 150 | position: absolute; | |
| 151 | margin-top:6px; | |
| 152 | text-align:center; | |
| 153 | text-transform:uppercase; | |
| 154 | font-family:consolas; | |
| 155 | letter-spacing:1px; | |
| 156 | display:block; | |
| 157 | } | |
| 158 | ||
| 159 | .entry:hover .perms {
| |
| 160 | opacity:0.9; | |
| 161 | z-index:999999; | |
| 162 | padding-top:4px;} | |
| 163 | ||
| 164 | .permalinktext{
| |
| 165 | text-align:center; | |
| 166 | } | |
| 167 | ||
| 168 | ||
| 169 | ||
| 170 | /*NAVIGATION*/ | |
| 171 | ||
| 172 | div#navi{
| |
| 173 | margin-top:420px; | |
| 174 | margin-left:121px; | |
| 175 | width:210px; | |
| 176 | background:#FAFAD2; | |
| 177 | font-size:8px; | |
| 178 | text-align:center; | |
| 179 | position:fixed; | |
| 180 | } | |
| 181 | ||
| 182 | /*EXTRAS*/ | |
| 183 | ||
| 184 | div#flowers{
| |
| 185 | margin-left:110px; | |
| 186 | margin-top: 100px; | |
| 187 | position:fixed; | |
| 188 | width:auto; | |
| 189 | height: auto; | |
| 190 | } | |
| 191 | ||
| 192 | ||
| 193 | ||
| 194 | ||
| 195 | ||
| 196 | ||
| 197 | </style> | |
| 198 | ||
| 199 | ||
| 200 | ||
| 201 | </head> | |
| 202 | ||
| 203 | <body> | |
| 204 | ||
| 205 | <div id="title">{Title}</div>
| |
| 206 | ||
| 207 | ||
| 208 | <div id="sidebar"> | |
| 209 | <img src="{image:sidebar}" width=200px height=200px;>
| |
| 210 | <br><br> | |
| 211 | {Description}
| |
| 212 | <br> | |
| 213 | ||
| 214 | ||
| 215 | </div> | |
| 216 | ||
| 217 | <div id="flowers"><img src=http://4.bp.blogspot.com/-8TQ5soCaw1w/UgqhZoDHKUI/AAAAAAAAA28/0tvRuCAoRqc/s320/autumn+leaves+falling.png" width=250px;></div> | |
| 218 | ||
| 219 | <div id="navi"><a href="/">home</a> | |
| 220 | ||
| 221 | | | |
| 222 | ||
| 223 | <a href="/ask">ask</a> | |
| 224 | ||
| 225 | {block:IfLink1}
| |
| 226 | ||
| 227 | | | |
| 228 | ||
| 229 | <a href="{text:link1url}">{text:link1}</a>{/block:IfLink1}
| |
| 230 | ||
| 231 | {block:IfLink2}
| |
| 232 | ||
| 233 | | | |
| 234 | ||
| 235 | <a href="{text:link2url}">{text:link2}</a>{/block:IfLink2}
| |
| 236 | ||
| 237 | | | |
| 238 | <a href="/archive">archive</a> | |
| 239 | ||
| 240 | | | |
| 241 | <a href="http://www.tobemarissa.tumblr.com">credit</a> | |
| 242 | ||
| 243 | </div> | |
| 244 | ||
| 245 | ||
| 246 | ||
| 247 | ||
| 248 | <div id="posts"> | |
| 249 | ||
| 250 | {block:Posts}
| |
| 251 | <div class="entry"> | |
| 252 | ||
| 253 | ||
| 254 | ||
| 255 | ||
| 256 | {block:Text}
| |
| 257 | <div class="text"> | |
| 258 | <div style="text-transform:uppercase">{block:Title}
| |
| 259 | <a href="{Permalink}">{Title}</a>
| |
| 260 | {/block:Title}</div>
| |
| 261 | {Body}
| |
| 262 | {block:IndexPage}
| |
| 263 | <div class="permalinktext"> | |
| 264 | ______________________________________________ | |
| 265 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
| |
| 266 | </div> | |
| 267 | {/block:IndexPage}
| |
| 268 | ||
| 269 | </div> | |
| 270 | {/block:Text}
| |
| 271 | ||
| 272 | ||
| 273 | {block:Link}
| |
| 274 | <div class="text"> | |
| 275 | <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
| |
| 276 | {block:Description}
| |
| 277 | <div class="description">{Description}</div>
| |
| 278 | {/block:Description}
| |
| 279 | {block:IndexPage}
| |
| 280 | <div class="permalinktext"> | |
| 281 | ______________________________________________ | |
| 282 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
| |
| 283 | </div> | |
| 284 | {/block:IndexPage}
| |
| 285 | </div>{/block:Link}
| |
| 286 | ||
| 287 | {block:Photo}
| |
| 288 | {block:IndexPage}<div class="perms">
| |
| 289 | posted on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
| |
| 290 | </div> {/block:IndexPage}
| |
| 291 | {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:0.6" width=
| |
| 292 | "200px"/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:0.6" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
| |
| 293 | {block:ifshowcaption}{caption}{/block:ifshowcaption}
| |
| 294 | {/block:Photo}
| |
| 295 | ||
| 296 | - | {block:IndexPage}<div id="permalink"><div class="reblogg"><a href="{reblogurl}">reblog</a></span></div></div>
|
| 296 | + | |
| 297 | {block:IndexPage}<div class="perms">
| |
| 298 | - | {block:IndexPage}<center>{Photoset-200}</center>{/block:IndexPage}
|
| 298 | + | |
| 299 | </div> {/block:IndexPage}
| |
| 300 | {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
| |
| 301 | <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
| |
| 302 | {/block:Photoset}
| |
| 303 | ||
| 304 | ||
| 305 | {block:Quote}
| |
| 306 | <div class="text"> | |
| 307 | <div class="quote">❝</div> | |
| 308 | <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#fafafa;border:1px dotted #eee; letter-spacing:1px;text-transform:uppercase; font-size:8px; font-family: consolas; border-radius:5px;"> | |
| 309 | {Quote} </div>
| |
| 310 | {block:Source}
| |
| 311 | <div class="source"><div style="text-align:right; color:{color:link};padding-top:5px;"> • {Source}</div></div>
| |
| 312 | {/block:Source}
| |
| 313 | {block:IndexPage}
| |
| 314 | <div class="permalinktext"> | |
| 315 | ______________________________________________ | |
| 316 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
| |
| 317 | </div> | |
| 318 | {/block:IndexPage}
| |
| 319 | </div>{/block:Quote}
| |
| 320 | {block:Chat}
| |
| 321 | <div class="text"> | |
| 322 | {block:Title}
| |
| 323 | <a href="{Permalink}">{Title}</a>
| |
| 324 | {/block:Title}
| |
| 325 | <ul class="chat"> | |
| 326 | {block:Lines}
| |
| 327 | <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
| |
| 328 | ||
| 329 | {Line} </li>
| |
| 330 | {/block:Lines}
| |
| 331 | </ul> | |
| 332 | {block:IndexPage}
| |
| 333 | <div class="permalinktext"> | |
| 334 | ______________________________________________ | |
| 335 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
| |
| 336 | </div> | |
| 337 | {/block:IndexPage}
| |
| 338 | </div>{/block:Chat}
| |
| 339 | ||
| 340 | ||
| 341 | ||
| 342 | {block:Audio}
| |
| 343 | ||
| 344 | <div id="audiostats"> | |
| 345 | <div class="audioentry"> | |
| 346 | ||
| 347 | <img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="80" height="80" style="position:absolute; vertical-align:middle;" /> | |
| 348 | ||
| 349 | {block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
| |
| 350 | ||
| 351 | <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div>
| |
| 352 | ||
| 353 | <div style="margin-left:90px; line-height:12px">{block:TrackName}<b>Song:</b> {TrackName}<br>{/block:TrackName}
| |
| 354 | {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
| |
| 355 | {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
| |
| 356 | {FormattedPlayCount} plays{block:Caption}{Caption}{/block:Caption}</div>
| |
| 357 | </div> | |
| 358 | <div class="permalinktext"> | |
| 359 | ______________________________________________ | |
| 360 | posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></span></div>
| |
| 361 | {/block:IndexPage}
| |
| 362 | {/block:Audio}
| |
| 363 | - | {block:IndexPage}<div id="permalink"><div class="reblogg"><a href="{reblogurl}">reblog</a></span></div></div>
|
| 363 | + | |
| 364 | {block:Video}
| |
| 365 | {block:IndexPage}<div class="perms">
| |
| 366 | posted on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
| |
| 367 | </div> {/block:IndexPage}
| |
| 368 | <center> | |
| 369 | {block:IndexPage}
| |
| 370 | {Video-250}
| |
| 371 | {/block:IndexPage}
| |
| 372 | </center> | |
| 373 | {block:PermalinkPage}
| |
| 374 | <center>{Video-500}</center>
| |
| 375 | {/block:PermalinkPage}
| |
| 376 | {block:Video}
| |
| 377 | ||
| 378 | {block:Answer}
| |
| 379 | <div style="padding:13px;text-align:left;"> | |
| 380 | <strong><i>{asker}:</i> {question}</strong>
| |
| 381 | <div class="caption" style="margin-top:3px;"> | |
| 382 | {Answer}</div>
| |
| 383 | {block:indexpage}
| |
| 384 | <div align="right" style="padding-right:10px; padding-top:3px;padding-bottom:0px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
| |
| 385 | </a> - <a href="{Permalink}">{DayOfMonth} {Month}
| |
| 386 | </a></div>{/block:indexpage}
| |
| 387 | </div> | |
| 388 | {/block:Answer}
| |
| 389 | ||
| 390 | {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
| |
| 391 | ||
| 392 | {block:PermalinkPage}
| |
| 393 | {block:caption}{caption}<br>{/block:caption}
| |
| 394 | <center>{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}{/block:Date}
| |
| 395 | {block:RebloggedFrom}<br><b>via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} | <b>source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
| |
| 396 | </center> | |
| 397 | {/block:PermalinkPage}
| |
| 398 | ||
| 399 | <div style="text-align:left;"> | |
| 400 | {block:PostNotes}{PostNotes}
| |
| 401 | {/block:PostNotes}</div>
| |
| 402 | </div> | |
| 403 | ||
| 404 | ||
| 405 | ||
| 406 | {/block:Posts}
| |
| 407 | </div> | |
| 408 | </div> | |
| 409 | {block:IndexPage}<br>
| |
| 410 | {block:Pagination}
| |
| 411 | <div id="pagination"> | |
| 412 | {block:NextPage}
| |
| 413 | <a id="nextPage" href="{NextPage}">next</a>
| |
| 414 | {/block:NextPage}
| |
| 415 | {block:PreviousPage}
| |
| 416 | <a href="{PreviousPage}">back</a>
| |
| 417 | {/block:PreviousPage}
| |
| 418 | </div> | |
| 419 | {/block:Pagination}
| |
| 420 | {/block:IndexPage}
| |
| 421 | </div> | |
| 422 | </body> | |
| 423 | ||
| 424 | {block:indexpage}
| |
| 425 | {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
| |
| 426 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> | |
| 427 | <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script> | |
| 428 | <script type="text/javascript"> | |
| 429 | $(window).load(function(){
| |
| 430 | var $wall = $('#posts');
| |
| 431 | $wall.imagesLoaded(function(){
| |
| 432 | $wall.masonry({
| |
| 433 | itemSelector: '.entry, .entry_photo', | |
| 434 | isAnimated : false | |
| 435 | }); | |
| 436 | }); | |
| 437 | ||
| 438 | $wall.infinitescroll({
| |
| 439 | navSelector : '#page-nav', | |
| 440 | nextSelector : '#page-nav a', | |
| 441 | itemSelector : '.entry, .entry_photo', | |
| 442 | bufferPx : 2000, | |
| 443 | debug : false, | |
| 444 | errorCallback: function() {
| |
| 445 | $('#infscr-loading').fadeOut('normal');
| |
| 446 | }}, | |
| 447 | function( newElements ) {
| |
| 448 | var $newElems = $( newElements ); | |
| 449 | $newElems.hide(); | |
| 450 | $newElems.imagesLoaded(function(){
| |
| 451 | $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
| |
| 452 | }); | |
| 453 | }); $('#content').show(500);
| |
| 454 | }); | |
| 455 | </script> | |
| 456 | {/block:indexpage}
| |
| 457 | ||
| 458 | <script type="text/javascript"> | |
| 459 | $(function() {
| |
| 460 | $("#topDivA").click(function(){
| |
| 461 | var target = $("html");
| |
| 462 | $('html, body').animate({
| |
| 463 | scrollTop: target.offset().top | |
| 464 | }, 1000); | |
| 465 | }); | |
| 466 | ||
| 467 | });</script> | |
| 468 | ||
| 469 | ||
| 470 | </body> | |
| 471 | ||
| 472 | <hmtl> |