SHOW:
|
|
- or go back to the newest paste.
| 1 | - | <!---This is theme 9 by tobemarissa.tumblr.com :) It is called Daisy. |
| 1 | + | <!---This is theme 10 by tobemarissa.tumblr.com :) It is called New York City. |
| 2 | ||
| 3 | ||
| 4 | Please do not remove credit! If will find out if you do. This theme took a while, so just be nice and don't. | |
| 5 | ||
| 6 | If you have any questions about the theme, feel dree you come to my ask and ask! :) | |
| 7 | ||
| 8 | Enjoy the theme!---> | |
| 9 | ||
| 10 | ||
| 11 | ||
| 12 | ||
| 13 | <html> | |
| 14 | ||
| 15 | <head> | |
| 16 | ||
| 17 | <meta name="image:sidebar" content=""/> | |
| 18 | <meta name="image:background" content="" /> | |
| 19 | <meta name="font:body" content="" /> | |
| 20 | <meta name="color:links" content="#d89d9d" /> | |
| 21 | <meta name="color:hover" content="#000000" /> | |
| 22 | <meta name="color:background" content="#ffffff" /> | |
| 23 | <meta name="color:sidebar" content="#ffffff"> | |
| 24 | <meta name="color:linkbacks" content="#cccccc" /> | |
| 25 | <meta name="text:link1url" content="" /> | |
| 26 | <meta name="text:link1title" content="" /> | |
| 27 | <meta name="text:titlebartext" content="diet mountain dew" /> | |
| 28 | <meta name="if:Link1" content="" /> | |
| 29 | ||
| 30 | ||
| 31 | <link rel="shortcut icon" href="{Favicon}">
| |
| 32 | ||
| 33 | <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'> | |
| 34 | ||
| 35 | <script type="text/javascript"> | |
| 36 | WebFontConfig = {
| |
| 37 | google: { families: [ 'Raleway:100:latin' ] }
| |
| 38 | }; | |
| 39 | (function() {
| |
| 40 | var wf = document.createElement('script');
| |
| 41 | wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
| |
| 42 | '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; | |
| 43 | wf.type = 'text/javascript'; | |
| 44 | wf.async = 'true'; | |
| 45 | var s = document.getElementsByTagName('script')[0];
| |
| 46 | s.parentNode.insertBefore(wf, s); | |
| 47 | })(); </script> | |
| 48 | ||
| 49 | ||
| 50 | ||
| 51 | ||
| 52 | <style type="text/css"> | |
| 53 | ||
| 54 | @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
| |
| 55 | ||
| 56 | @import url(http://fonts.googleapis.com/css?family=Raleway:100); | |
| 57 | ||
| 58 | ||
| 59 | ||
| 60 | /* GENERAL */ | |
| 61 | ||
| 62 | body{
| |
| 63 | background-image:url('{image:background}');
| |
| 64 | background-color:{color:background};
| |
| 65 | background-attachment: fixed; | |
| 66 | background-repeat: repeat; | |
| 67 | links color: {color:links};
| |
| 68 | font-family:{font:body};
| |
| 69 | font-size: 11px; | |
| 70 | } | |
| 71 | ||
| 72 | a {
| |
| 73 | color:{color:links};
| |
| 74 | -webkit-transition-duration:.5s; | |
| 75 | } | |
| 76 | ||
| 77 | a:hover {
| |
| 78 | color:{color:hover};
| |
| 79 | text-decoration: none; | |
| 80 | } | |
| 81 | ||
| 82 | div#titlebar{
| |
| 83 | position: fixed; | |
| 84 | width:758px; | |
| 85 | background-color: #ffffff; | |
| 86 | background-image:url('http://i43.tinypic.com/96b448.png');
| |
| 87 | height: 100px; | |
| 88 | opacity:.7; | |
| 89 | margin-top: -10px; | |
| 90 | font-size: 30px; | |
| 91 | margin-left:152px; | |
| 92 | text-align:center; | |
| 93 | z-index:1 | |
| 94 | } | |
| 95 | ||
| 96 | /* SIDEBAR */ | |
| 97 | ||
| 98 | div#sidebar{
| |
| 99 | position: fixed; | |
| 100 | width:200px; | |
| 101 | height: auto; | |
| 102 | margin-top: 220px; | |
| 103 | margin-left: 1000px; | |
| 104 | border: 1px solid #eee; | |
| 105 | background-color:{color:sidebar};
| |
| 106 | padding: 2px; | |
| 107 | font-size: 11px; | |
| 108 | } | |
| 109 | ||
| 110 | ||
| 111 | div#title{
| |
| 112 | font-size: 40px; | |
| 113 | position: fixed; | |
| 114 | font-family: 'Jenna Sue'; | |
| 115 | top: 180px; | |
| 116 | left:1000px; | |
| 117 | padding: 2px; | |
| 118 | width:200px; | |
| 119 | height: auto; | |
| 120 | } | |
| 121 | ||
| 122 | /* POSTS */ | |
| 123 | ||
| 124 | img{
| |
| 125 | -webkit-transition: opacity 0.8s linear; | |
| 126 | opacity: 0.80; | |
| 127 | } | |
| 128 | img:hover{
| |
| 129 | -webkit-transition: opacity 0.8s linear; | |
| 130 | opacity: 1; | |
| 131 | } | |
| 132 | ||
| 133 | #posts {margin-top:-10px;float:left; padding-top:100px;
| |
| 134 | width: 762px; | |
| 135 | margin-left: 150px; overflow:hidden; background-color:#ffffff;} | |
| 136 | ||
| 137 | ||
| 138 | .entry {margin:1px; padding: 1px 1px 1px 1px;height: auto; float:left;text-align: left; background: white;border: 0px solid #eee;-webkit-box-shadow: 5 5px 5px -6px black;-moz-box-shadow: 5 5px 5px -6px black;box-shadow: 5 5px 5px -6px black; width:250px;}
| |
| 139 | {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
| |
| 140 | opacity: 0.8;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;} | |
| 141 | ||
| 142 | .entry:hover {opacity: 1;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
| |
| 143 | ||
| 144 | .bubble {text-align:left;background: #eee; margin:7px 0px 5px 0px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:2px;border-radius:2px; font-size: 10px; color: black;} .bubble a{color: black;}
| |
| 145 | .bubble p {margin:1px 0px; font-size: 10px;}
| |
| 146 | .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;font-size: 10px;}
| |
| 147 | ||
| 148 | .entry .perma{z-index: 1; background-color: black; position: absolute; top:5px;margin-left: 0px;opacity: 0;-webkit-transition: all .5s ease;-moz-transition: all .7s ease;-o-transition: all .5s ease;transition: all .5s ease;}
| |
| 149 | ||
| 150 | .entry:hover .perma{top:5px;margin-left: 0px; background-color:white; width: auto; overflow:visible;-webkit-transition: opacity 1s linear;opacity: 1;}
| |
| 151 | ||
| 152 | .perm {height: 20px; background-color: white; width: 275;opacity:.8;position: absolute;text-align: center;margin-top:10px;-webkit-transition: opacity .8s linear; opacity: .8;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear; line-height: 25px;font-size: 9px; color: black;} .perm a {color: black;}
| |
| 153 | ||
| 154 | .perm:hover {opacity: .6;}
| |
| 155 | ||
| 156 | ||
| 157 | ||
| 158 | blockquote{
| |
| 159 | padding:0px 0px 2px 5px; | |
| 160 | margin:0px 0px 2px 1px; | |
| 161 | border-left: 1px dotted #555555; | |
| 162 | } | |
| 163 | ||
| 164 | blockquote p, ul{
| |
| 165 | margin:0px; | |
| 166 | padding:0px; | |
| 167 | } | |
| 168 | ||
| 169 | ||
| 170 | a img{border: 0px;}
| |
| 171 | ||
| 172 | ul, ol, li{list-style:none; margin:0px; padding:0px;}
| |
| 173 | ||
| 174 | .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, | |
| 175 | .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
| |
| 176 | ||
| 177 | .notes img{width:10px; position:relative; top:3px;}
| |
| 178 | ||
| 179 | .permalink{
| |
| 180 | display: block; | |
| 181 | font-size: 10px; | |
| 182 | text-align: right; | |
| 183 | text-decoration: none; | |
| 184 | } | |
| 185 | ||
| 186 | /* NAVIGATION */ | |
| 187 | ||
| 188 | ||
| 189 | #tbar {background-color:transparent; width:75px; height:110%; margin-left:1000px; margin-top:220px; position:fixed; overflow:hidden; border-left:0px solid; border-right:0px solid; padding:0px}
| |
| 190 | ||
| 191 | #tlinks a {width:48px; height:10px; padding:5px 1px; display:block; color: black; background-color: {color:linkbacks}; font-family:consolas; font-size:10px; text-transform: lowercase; text-decoration: none; letter-spacing: 1px; margin-top:0px; margin-bottom:-3px}
| |
| 192 | #tlinks a:hover {color: {color:hoverlink}; text-transform: uppercase;}
| |
| 193 | ||
| 194 | .bubbles {
| |
| 195 | position:relative; | |
| 196 | padding:10px; | |
| 197 | left:85px; | |
| 198 | background:#cfabab; | |
| 199 | text-shadow: 1px 1px 1px #; | |
| 200 | text-align:left; | |
| 201 | font-size: 8px; | |
| 202 | text-transform:uppercase; | |
| 203 | font-family:"silkscreen"; | |
| 204 | width: 340px; | |
| 205 | -moz-border-radius:10px; | |
| 206 | -webkit-border-radius:10px; | |
| 207 | border-radius:10px; | |
| 208 | background:-moz-linear-gradient(top, #cfabab, #8a8a8a); | |
| 209 | background:linear-gradient(top, #cfabab, #8a8a8a); | |
| 210 | } | |
| 211 | ||
| 212 | .bubbles:after {
| |
| 213 | content:"\00a0"; | |
| 214 | display:block; /* reduce the damage in FF3.0 */ | |
| 215 | position:absolute; | |
| 216 | left:-15px; | |
| 217 | top:10px; | |
| 218 | width:0; | |
| 219 | height:0; | |
| 220 | border-width:15px 15px 0px; | |
| 221 | border-style:solid; | |
| 222 | border-color:#cfabab transparent; | |
| 223 | } | |
| 224 | ||
| 225 | ||
| 226 | ||
| 227 | ||
| 228 | </style> | |
| 229 | ||
| 230 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> | |
| 231 | ||
| 232 | <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script> | |
| 233 | ||
| 234 | ||
| 235 | <script> | |
| 236 | $(function(){
| |
| 237 | var $container = $('#posts');
| |
| 238 | $container.imagesLoaded(function(){
| |
| 239 | $container.masonry({
| |
| 240 | itemSelector: '.entry', | |
| 241 | }); | |
| 242 | }); | |
| 243 | $container.infinitescroll({
| |
| 244 | itemSelector : ".entry", | |
| 245 | navSelector : "div.pagination", | |
| 246 | nextSelector : ".pagination a#next", | |
| 247 | loadingImg : "", | |
| 248 | loadingText : "<em></em>", | |
| 249 | bufferPx : 10000, | |
| 250 | extraScrollPx: 12000, | |
| 251 | }, | |
| 252 | // trigger Masonry as a callback | |
| 253 | function( newElements ) {
| |
| 254 | var $newElems = $( newElements ).css({ opacity: 0 });
| |
| 255 | // ensure that images load before adding to masonry layout | |
| 256 | $newElems.imagesLoaded(function(){
| |
| 257 | $newElems.animate({ opacity: 1 });
| |
| 258 | $container.masonry( 'appended', $newElems, true ); | |
| 259 | }); | |
| 260 | } | |
| 261 | ); | |
| 262 | }); | |
| 263 | </script> | |
| 264 | ||
| 265 | ||
| 266 | ||
| 267 | ||
| 268 | </head> | |
| 269 | ||
| 270 | <body> | |
| 271 | ||
| 272 | <div id="title"><center>{Title}</center></div>
| |
| 273 | ||
| 274 | <center> | |
| 275 | ||
| 276 | <div id="sidebar"> | |
| 277 | ||
| 278 | <a href="/"><img src="{image:sidebar}" width=200p;></a>
| |
| 279 | ||
| 280 | {Description}
| |
| 281 | ||
| 282 | <br><br> | |
| 283 | <center>{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}</center>
| |
| 284 | ||
| 285 | </div> | |
| 286 | ||
| 287 | </center> | |
| 288 | ||
| 289 | <div id="titlebar"> | |
| 290 | ||
| 291 | </div> | |
| 292 | ||
| 293 | <div id="tbar"> | |
| 294 | ||
| 295 | <div align="center" id="tlinks"> | |
| 296 | <a href="/">home</a><br /> | |
| 297 | <a href="/ask">ask</a><br /> | |
| 298 | {block:ifLink1}<a href="{text:link1url}">{text:link1title}</a><br />{/block:ifLink1}
| |
| 299 | <a href="http://tobemarissa.tumblr.com/tagged/themes">theme</a></div></div> | |
| 300 | ||
| 301 | ||
| 302 | <div id="posts"> | |
| 303 | ||
| 304 | {block:Posts}
| |
| 305 | <div class="entry"> | |
| 306 | ||
| 307 | {block:Text}
| |
| 308 | {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}
| |
| 309 | {Body}
| |
| 310 | {block:IndexPage}
| |
| 311 | <div style="text-align: right; border-top: 1px solid #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>
| |
| 312 | {/block:IndexPage}
| |
| 313 | {/block:Text}
| |
| 314 | ||
| 315 | {block:Link}
| |
| 316 | <a href="{URL}" class="title">{Name}</a>{block:Description}{Description}
| |
| 317 | {block:IndexPage}
| |
| 318 | <div style="text-align: right; border-top: 1px solid #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>
| |
| 319 | {/block:IndexPage}
| |
| 320 | {/block:Description}{block:Link}
| |
| 321 | ||
| 322 | {block:Answer}
| |
| 323 | <div class="bubble"><b><small>{Asker}</b>: {Question} </div><div style="overflow: auto; font-size: 10px;">{Answer}
| |
| 324 | {block:IndexPage}
| |
| 325 | <div style="text-align: right; border-top: 1px solid #eee; padding-top: 3px; font-size: 10px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>
| |
| 326 | {/block:IndexPage}
| |
| 327 | </div></small></span></a> | |
| 328 | {/block:Answer}
| |
| 329 | ||
| 330 | {block:Photo}
| |
| 331 | {block:IndexPage}
| |
| 332 | <div class="perma"> | |
| 333 | <span class="perm"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/nfj2p6f/rnCma8u6y/dashboard_controls_radar_button_reblog.png" height=20px;></A></span> </div>
| |
| 334 | {LinkOpenTag}<img src="{PhotoURL-500}" width="250"/>{LinkCloseTag}
| |
| 335 | {/block:IndexPage}
| |
| 336 | {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500"/>{LinkCloseTag}{/block:PermalinkPage}
| |
| 337 | {/block:Photo}
| |
| 338 | ||
| 339 | {block:Photoset}
| |
| 340 | {block:IndexPage}
| |
| 341 | <div class="perma"> | |
| 342 | <span class="perm"><a href="{ReblogURL}" target="_blank">REBLOG</a> WITH <a href="{permalink}">{notecount} NOTES</a></span> </div>
| |
| 343 | {Photoset-250}
| |
| 344 | {/block:IndexPage}
| |
| 345 | {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
| |
| 346 | {/block:Photoset}
| |
| 347 | ||
| 348 | {block:Quote}
| |
| 349 | {Quote}{block:Source}<br><br><strong><center>{Source}</center></strong><br>{/block:Source}
| |
| 350 | {block:IndexPage}
| |
| 351 | <div style="text-align: right; border-top: 1px solid #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>
| |
| 352 | {/block:IndexPage}
| |
| 353 | {/block:Quote}
| |
| 354 | ||
| 355 | {block:Chat}
| |
| 356 | {block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<br>
| |
| 357 | {block:IndexPage}
| |
| 358 | <div style="text-align: right; border-top: 1px solid #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>
| |
| 359 | {/block:IndexPage}
| |
| 360 | {/block:Chat}
| |
| 361 | ||
| 362 | {block:Audio}
| |
| 363 | {AudioPlayerBlack}<br><br>{block:Artist}<b>{Artist}</b>{/block:Artist}: {block:TrackName}<i>{TrackName}</i><br><br>{/block:TrackName}
| |
| 364 | {block:IndexPage}
| |
| 365 | <div style="text-align: right; border-top: 1px solid #eee; padding: 3px;"><a href="{Permalink}" target="_blank"> {Timeago} with {notecountwithlabel}</a></div>
| |
| 366 | {/block:IndexPage}
| |
| 367 | {/block:Audio}
| |
| 368 | ||
| 369 | {block:Video}
| |
| 370 | {block:IndexPage}
| |
| 371 | {Video-250}
| |
| 372 | <div class="perma"> | |
| 373 | <span class="perm"><a href="{ReblogURL}" target="_blank">REBLOG</a> WITH <a href="{permalink}">{notecount} NOTES</a></span> </div>
| |
| 374 | {/block:IndexPage}
| |
| 375 | {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
| |
| 376 | {/block:Video}
| |
| 377 | ||
| 378 | {block:PermalinkPage}
| |
| 379 | <center><br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>{/block:PermalinkPage}
| |
| 380 | ||
| 381 | {block:PostNotes}{PostNotes}
| |
| 382 | {/block:PostNotes}
| |
| 383 | </div> | |
| 384 | ||
| 385 | {/block:Posts}
| |
| 386 | </div></div> {block:IndexPage}{block:Pagination}<div id="pagination">{block:NextPage}
| |
| 387 | <a id="nextPage" href="{NextPage}"><div style="color: transparent;"> →</div></a>{/block:NextPage}
| |
| 388 | {block:PreviousPage}<a href="{PreviousPage}"><div style="color: transparent;">← </div></a>{/block:PreviousPage}
| |
| 389 | </div>{/block:Pagination}{/block:IndexPage}</div>
| |
| 390 | ||
| 391 | ||
| 392 | </body> | |
| 393 | ||
| 394 | ||
| 395 | </html> |