SHOW:
|
|
- or go back to the newest paste.
| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| 2 | ||
| 3 | <!----theme 2 by quietwillfall | |
| 4 | please don't remove the credit | |
| 5 | thank you | |
| 6 | ---> | |
| 7 | ||
| 8 | <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script> | |
| 9 | ||
| 10 | <style> | |
| 11 | div#qTip {
| |
| 12 | padding: 2px; | |
| 13 | display: none; | |
| 14 | font-style:none; | |
| 15 | text-align: center; | |
| 16 | position: absolute; | |
| 17 | font-size:11px; | |
| 18 | line-height:10px; | |
| 19 | font-family:calibri; | |
| 20 | z-index: 1000; | |
| 21 | background: white; | |
| 22 | z-index: 9999999; | |
| 23 | border:1px solid #ccc; | |
| 24 | color: #999; | |
| 25 | letter-spacing: 1px; | |
| 26 | } | |
| 27 | </style> | |
| 28 | ||
| 29 | ||
| 30 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
| 31 | <head> | |
| 32 | ||
| 33 | <title>{Title}</title>
| |
| 34 | <link rel="shortcut icon" href="{Favicon}">
| |
| 35 | <link rel="alternate" type="application/rss+xml" href="{RSS}">
| |
| 36 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
| |
| 37 | ||
| 38 | ||
| 39 | <meta name="color:Text" content="#bbbbbb"/> | |
| 40 | <meta name="color:Link" content="#aaaaaa"/> | |
| 41 | <meta name="color:Tags" content="#cccccc"/> | |
| 42 | <meta name="color:Hover" content="#f1f1f1"/> | |
| 43 | <meta name="color:border" content="#F2F2F2"/> | |
| 44 | <meta name="color:Line" content="#f2f2f2"/> | |
| 45 | <meta name="color:Border" content="#eeeeee"/> | |
| 46 | <meta name="color:scrollbarbg" content="ffffff"/> | |
| 47 | ||
| 48 | <meta name="image:sidebar" content="/"> | |
| 49 | <meta name="text:homelink title" content="home"> | |
| 50 | <meta name="text:link1" content=""> | |
| 51 | <meta name="text:link1 url" content="/"> | |
| 52 | <meta name="text:link2" content=""> | |
| 53 | <meta name="text:link2 url" content="/"> | |
| 54 | <meta name="text:link3" content=""> | |
| 55 | <meta name="text:link3 url" content="/"> | |
| 56 | <meta name="text:link4" content=""> | |
| 57 | <meta name="text:link4 url" content="/"> | |
| 58 | ||
| 59 | ||
| 60 | ||
| 61 | <style type="text/css"> | |
| 62 | ||
| 63 | ||
| 64 | ||
| 65 | ||
| 66 | ::-webkit-scrollbar {background-color:#fff; height:5px; width:9px}
| |
| 67 | ::-webkit-scrollbar-thumb:vertical {background-color:#999; height:50px;border-radius:10px;border:1px solid #fff;}
| |
| 68 | ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}
| |
| 69 | ||
| 70 | *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
| |
| 71 | ||
| 72 | ||
| 73 | ||
| 74 | body {
| |
| 75 | background:{color:background};
| |
| 76 | margin:0px; | |
| 77 | color:{color:text};
| |
| 78 | font-family:Arial, Helvetica; | |
| 79 | font-size:9px; | |
| 80 | line-height:100%; | |
| 81 | } | |
| 82 | ||
| 83 | a {
| |
| 84 | text-decoration:none; | |
| 85 | -moz-outline-style:none; | |
| 86 | color:{color:link};
| |
| 87 | } | |
| 88 | ||
| 89 | img {
| |
| 90 | border:none; | |
| 91 | } | |
| 92 | ||
| 93 | ||
| 94 | h1 {
| |
| 95 | font-size:12px; | |
| 96 | text-transform:uppercase; | |
| 97 | } | |
| 98 | ||
| 99 | blockquote {
| |
| 100 | padding-left:5px; | |
| 101 | border-left:2px solid; | |
| 102 | } | |
| 103 | ||
| 104 | blockquote blockquote {
| |
| 105 | padding-left:5px; | |
| 106 | border-left:2px solid; | |
| 107 | } | |
| 108 | ||
| 109 | ||
| 110 | a:hover {
| |
| 111 | opacity:1; | |
| 112 | color:{color:hover};
| |
| 113 | -webkit-transition: all 0.5s ease; | |
| 114 | -moz-transition: all 0.5s ease; | |
| 115 | -o-transition: all 0.5s ease | |
| 116 | } | |
| 117 | ||
| 118 | ||
| 119 | #sidebar {
| |
| 120 | position:fixed; | |
| 121 | width:120px; | |
| 122 | margin-left:240px; | |
| 123 | margin-top:150px; | |
| 124 | opacity:1; | |
| 125 | } | |
| 126 | ||
| 127 | #sidebarimage {
| |
| 128 | width 120px; | |
| 129 | } | |
| 130 | ||
| 131 | #sidebarimage img {
| |
| 132 | width:120px; | |
| 133 | padding:4px; | |
| 134 | } | |
| 135 | ||
| 136 | ||
| 137 | .desc {
| |
| 138 | position:fixed; | |
| 139 | - | margin-top:24px; |
| 139 | + | margin-top:29px; |
| 140 | - | margin-left:-6px; |
| 140 | + | margin-left:-8px; |
| 141 | font-family:cambria; | |
| 142 | line-height:110%; | |
| 143 | font-size:10px; | |
| 144 | font-style:normal; | |
| 145 | width:120px; | |
| 146 | - | padding:9px; |
| 146 | + | |
| 147 | text-align:justify; | |
| 148 | color:{color:text};
| |
| 149 | border-top:1px solid {color:Line};
| |
| 150 | } | |
| 151 | ||
| 152 | ||
| 153 | ||
| 154 | .desc a | |
| 155 | {color:{color:text};
| |
| 156 | -moz-transition-duration:0.6s; | |
| 157 | -webkit-transition-duration:0.6s; | |
| 158 | -o-transition-duration:0.6s; | |
| 159 | } | |
| 160 | ||
| 161 | ||
| 162 | .links {
| |
| 163 | position:absolute; | |
| 164 | letter-spacing:1px; | |
| 165 | position:fixed; | |
| 166 | font-family:times; | |
| 167 | - | margin-top:15px; |
| 167 | + | |
| 168 | margin-top:14px; | |
| 169 | opacity:0; | |
| 170 | margin-left:-15px; | |
| 171 | font-size:11px; | |
| 172 | text-transform:lowercase; | |
| 173 | text-align:center; | |
| 174 | line-height:170%; | |
| 175 | -moz-transition-duration:.4s; | |
| 176 | -webkit-transition-duration:.4s; | |
| 177 | -o-transition-duration:.4s; | |
| 178 | } | |
| 179 | ||
| 180 | .links a{
| |
| 181 | font-style:italic; | |
| 182 | width:150px; | |
| 183 | line-height:130%; | |
| 184 | color:#9b9b9b; | |
| 185 | margin-left:5px; | |
| 186 | letter-spacing:1px; | |
| 187 | text-decoration:none; | |
| 188 | ||
| 189 | } | |
| 190 | ||
| 191 | .links a:hover {
| |
| 192 | text-align:center; | |
| 193 | color: #fff; | |
| 194 | padding:10px; | |
| 195 | width:20px; | |
| 196 | -moz-transition-duration:.5s; | |
| 197 | -webkit-transition-duration:.5s; | |
| 198 | -o-transition-duration:.5s; | |
| 199 | } | |
| 200 | #sidebar:hover .links{
| |
| 201 | opacity:1; | |
| 202 | -moz-transition-duration:1.4s; | |
| 203 | -webkit-transition-duration:1.4s; | |
| 204 | -o-transition-duration:1.4s;} | |
| 205 | ||
| 206 | ||
| 207 | .pagi{
| |
| 208 | width:100px; | |
| 209 | font-size:8px; | |
| 210 | font-style:italic; | |
| 211 | text-align:center; | |
| 212 | margin-left:20px; | |
| 213 | margin-top:55px; | |
| 214 | position:fixed; | |
| 215 | font-family:times; | |
| 216 | letter-spacing:0px; | |
| 217 | } | |
| 218 | ||
| 219 | ||
| 220 | #stuffcontainer {
| |
| 221 | float:left; | |
| 222 | margin-left:200px; | |
| 223 | margin-top:75px; | |
| 224 | text-align:justify; | |
| 225 | background-color:#FFFFFF; | |
| 226 | color:#FFFFFF; | |
| 227 | border:1px; | |
| 228 | margin-bottom: 35px; | |
| 229 | } | |
| 230 | ||
| 231 | ||
| 232 | #stuff {
| |
| 233 | width:500px; | |
| 234 | margin-top:20px; | |
| 235 | text-align:justify; | |
| 236 | font-size:11px; | |
| 237 | font-family:times; | |
| 238 | line-height:90%; | |
| 239 | letter-spacing:0x; | |
| 240 | color:#FFFFFF; | |
| 241 | } | |
| 242 | ||
| 243 | ||
| 244 | #all {
| |
| 245 | padding:10px; | |
| 246 | width:500px; | |
| 247 | margin-left:450px; | |
| 248 | margin-top:50px; | |
| 249 | font-size:10px; | |
| 250 | } | |
| 251 | ||
| 252 | ||
| 253 | ||
| 254 | #posts {
| |
| 255 | width:500px; | |
| 256 | padding-bottom:20px; | |
| 257 | padding:10px; | |
| 258 | margin-top:30px; | |
| 259 | background-color:{color:Post};
| |
| 260 | } | |
| 261 | ||
| 262 | ||
| 263 | #details {
| |
| 264 | text-align:right; | |
| 265 | margin-top:8px; | |
| 266 | text-transform:lowercase; | |
| 267 | font-style:italic; | |
| 268 | font-size:8px; | |
| 269 | font-style:none; | |
| 270 | border-top:1px solid {color:Line};
| |
| 271 | } | |
| 272 | ||
| 273 | ||
| 274 | #tags {
| |
| 275 | width:490px; | |
| 276 | opacity:0; | |
| 277 | margin-left:-4px; | |
| 278 | margin-top:7px; | |
| 279 | font-size:8px; | |
| 280 | color:{color:tags}:
| |
| 281 | } | |
| 282 | ||
| 283 | #posts:hover #tags {
| |
| 284 | opacity:1; | |
| 285 | -moz-transition-duration:1s; | |
| 286 | -webkit-transition-duration:1s; | |
| 287 | -o-transition-duration:1s; | |
| 288 | } | |
| 289 | ||
| 290 | #tags a {
| |
| 291 | color:{color:tags};
| |
| 292 | } | |
| 293 | ||
| 294 | #tags a:hover {
| |
| 295 | color:{color:hover}
| |
| 296 | } | |
| 297 | ||
| 298 | ||
| 299 | ||
| 300 | ||
| 301 | ||
| 302 | #question {
| |
| 303 | padding:8px; | |
| 304 | font-family:cambria; | |
| 305 | letter-spacing:2px; | |
| 306 | text-align:right; | |
| 307 | font-style:italic; | |
| 308 | border:3px {color:border} solid;
| |
| 309 | color:{color:text};
| |
| 310 | background-color:{color:background}
| |
| 311 | } | |
| 312 | ||
| 313 | ||
| 314 | #credit {
| |
| 315 | font-size:9px; | |
| 316 | font-family:cambria; | |
| 317 | font-style:normal; | |
| 318 | letter-spacing:1px; | |
| 319 | -moz-transition-duration:0.5s; | |
| 320 | -webkit-transition-duration:0.5s; | |
| 321 | -o-transition-duration:0.5s; | |
| 322 | } | |
| 323 | ||
| 324 | #credit a {
| |
| 325 | background-color:#fff; | |
| 326 | padding:5px; | |
| 327 | border:1px solid #e9e9e9; | |
| 328 | position:fixed; | |
| 329 | right:15px; | |
| 330 | bottom:10px | |
| 331 | } | |
| 332 | ||
| 333 | #credit a:hover {
| |
| 334 | color:#fff; | |
| 335 | background-color:#191919; | |
| 336 | } | |
| 337 | ||
| 338 | ||
| 339 | {CustomCSS}</style></head><body>
| |
| 340 | ||
| 341 | <div id="sidebar"> | |
| 342 | <div id="sidebarimage"><a title="{text:homelink title}" href="/"><img src="{image:sidebar}"></a></div>
| |
| 343 | <div class="desc"> | |
| 344 | {Description}
| |
| 345 | </div> | |
| 346 | ||
| 347 | <div class="links"> | |
| 348 | ||
| 349 | ||
| 350 | <a href="/" title="{text:link1}">ii.</a>
| |
| 351 | <a href="" title="{text:link2}">iii.</a>
| |
| 352 | <a href="/" title="{text:link3}">iv.</a>
| |
| 353 | <a href="/" title="{text:link4}">v.</a>
| |
| 354 | ||
| 355 | </div> | |
| 356 | ||
| 357 | {block:Pagination}<div id="pagi">
| |
| 358 | {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
| |
| 359 | {block:JumpPagination length="3"}
| |
| 360 | {block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage}
| |
| 361 | {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
| |
| 362 | {/block:JumpPagination}
| |
| 363 | {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
| |
| 364 | </div>{/block:Pagination}
| |
| 365 | ||
| 366 | </div> | |
| 367 | ||
| 368 | <div id="all">{block:Posts}<div id="posts">
| |
| 369 | ||
| 370 | {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
| |
| 371 | ||
| 372 | {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
| |
| 373 | ||
| 374 | {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
| |
| 375 | ||
| 376 | {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
| |
| 377 | ||
| 378 | {block:Quote}{Quote}{/block:Quote}
| |
| 379 | ||
| 380 | {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
| |
| 381 | <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
| |
| 382 | <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
| |
| 383 | {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
| |
| 384 | {/block:Audio}
| |
| 385 | ||
| 386 | {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
| |
| 387 | ||
| 388 | {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
| |
| 389 | ||
| 390 | ||
| 391 | {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
| |
| 392 | ||
| 393 | <div id="details"> | |
| 394 | <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} <font color=#d6bbc8>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a>
| |
| 395 | {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
| |
| 396 | {/block:Posts}
| |
| 397 | {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
| |
| 398 | {/block:Posts}</div></div></div>
| |
| 399 | ||
| 400 | ||
| 401 | </div> | |
| 402 | <div id="credit"><a href="http://quietwillfall.tumblr.com">CREDIT</div> | |
| 403 | ||
| 404 | ||
| 405 | </body></html> |