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 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
| 3 | <head><title>{Title}</title>
| |
| 4 | <link rel="shortcut icon" href="{Favicon}">
| |
| 5 | <link rel="alternate" type="application/rss+xml" href="{RSS}">
| |
| 6 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
| |
| 7 | ||
| 8 | <!-- | |
| 9 | ©HAZZSTOP THEME 21 | |
| 10 | ~BLURRED LINES~ | |
| 11 | Don't steal please. | |
| 12 | --> | |
| 13 | ||
| 14 | <meta name="color:Background" content="#ffffff"/> | |
| 15 | <meta name="color:Text" content="#838282"/> | |
| 16 | <meta name="color:Link" content="#b8b8b8"/> | |
| 17 | <meta name="color:Link Hover" content="#eeeeee"/> | |
| 18 | <meta name="color:Border" content="#dadada"/> | |
| 19 | <meta name="color:Pagi bg" content="#f0f0f0"/> | |
| 20 | ||
| 21 | <meta name="image:sidebar" content=""/> | |
| 22 | ||
| 23 | <meta name="text:link 1" content="Link 1"/> | |
| 24 | <meta name="text:link 1 url" content="/"/> | |
| 25 | <meta name="text:link 2" content="Link 2"/> | |
| 26 | <meta name="text:link 2 url" content="/"/> | |
| 27 | <meta name="text:link 3" content="Link 3"/> | |
| 28 | <meta name="text:link 3 url" content="/"/> | |
| 29 | ||
| 30 | <style type="text/css"> | |
| 31 | ||
| 32 | body {
| |
| 33 | background:{color:background};
| |
| 34 | margin:0px; | |
| 35 | color:{color:text};
| |
| 36 | font-family:Calibri; | |
| 37 | font-size:10px; | |
| 38 | line-height:100%; | |
| 39 | } | |
| 40 | ||
| 41 | a {
| |
| 42 | text-decoration:none; | |
| 43 | outline:none; | |
| 44 | -moz-outline-style:none; | |
| 45 | color:{color:link};
| |
| 46 | -moz-transition-duration:0.8s; | |
| 47 | -webkit-transition-duration:0.8s; | |
| 48 | -o-transition-duration:0.8s; | |
| 49 | } | |
| 50 | ||
| 51 | a:hover {
| |
| 52 | text-decoration:none; | |
| 53 | outline:none; | |
| 54 | -moz-outline-style:none; | |
| 55 | color:{color:link hover};
| |
| 56 | } | |
| 57 | ||
| 58 | img {
| |
| 59 | border:none; | |
| 60 | } | |
| 61 | ||
| 62 | blockquote {
| |
| 63 | padding-left:5px; | |
| 64 | border-left:2px solid; | |
| 65 | } | |
| 66 | ||
| 67 | blockquote blockquote {
| |
| 68 | padding-left:5px; | |
| 69 | border-left:2px solid; | |
| 70 | } | |
| 71 | ||
| 72 | #post {
| |
| 73 | width:500px; | |
| 74 | padding-bottom:30px; | |
| 75 | border-bottom: 1px solid {color:border};
| |
| 76 | padding: 20px; | |
| 77 | } | |
| 78 | ||
| 79 | #entries {
| |
| 80 | padding:10px; | |
| 81 | width:500px; | |
| 82 | margin-left:500px; | |
| 83 | margin-top:40px; | |
| 84 | } | |
| 85 | ||
| 86 | #sidebar {
| |
| 87 | width:150px; | |
| 88 | position:fixed; | |
| 89 | margin-left:300px; | |
| 90 | margin-top:200px; | |
| 91 | } | |
| 92 | ||
| 93 | #sidebarimage {
| |
| 94 | width: 98px; | |
| 95 | margin-left: -20px; | |
| 96 | margin-top: -15px; | |
| 97 | border: 1px solid {color:border};
| |
| 98 | -webkit-transform: rotate(45deg); | |
| 99 | -moz-transition-duration:0.8s; | |
| 100 | -webkit-transition-duration:0.8s; | |
| 101 | -o-transition-duration:0.8s; | |
| 102 | } | |
| 103 | ||
| 104 | #sidebarimage img {
| |
| 105 | width:90px; | |
| 106 | opacity: .8; | |
| 107 | border: 4px solid #fff; | |
| 108 | -moz-transition-duration:0.8s; | |
| 109 | -webkit-transition-duration:0.8s; | |
| 110 | -o-transition-duration:0.8s; | |
| 111 | } | |
| 112 | ||
| 113 | #sidebarimage:hover {
| |
| 114 | opacity: .9; | |
| 115 | width: 95px; | |
| 116 | margin-top: -15px; | |
| 117 | border: 1px solid #fff; | |
| 118 | -moz-transition-duration:0.8s; | |
| 119 | -webkit-transition-duration:0.8s; | |
| 120 | -o-transition-duration:0.8s; | |
| 121 | -moz-transition-duration:0.8s; | |
| 122 | -webkit-transition-duration:0.8s; | |
| 123 | -o-transition-duration:0.8s; | |
| 124 | } | |
| 125 | ||
| 126 | ||
| 127 | #links {
| |
| 128 | BACKGROUND: #f0f0f0; | |
| 129 | padding:5px; | |
| 130 | text-align:center; | |
| 131 | word-spacing: 2px; | |
| 132 | -webkit-transform: rotate(-45deg); | |
| 133 | -moz-transform: rotate(-45deg); | |
| 134 | -o-transform: rotate(-45deg); | |
| 135 | margin-left: -67px; | |
| 136 | margin-top: -27px; | |
| 137 | width: 112px; | |
| 138 | } | |
| 139 | ||
| 140 | #links a {
| |
| 141 | letter-spacing: 1px; | |
| 142 | } | |
| 143 | ||
| 144 | #links a:hover {
| |
| 145 | letter-spacing: 1px; | |
| 146 | text-decoration: underline; | |
| 147 | } | |
| 148 | ||
| 149 | #description {
| |
| 150 | padding:5px; | |
| 151 | text-align:center; | |
| 152 | width:95px; | |
| 153 | background: #f0f0f0; | |
| 154 | margin-left: 22px; | |
| 155 | margin-top: -105px; | |
| 156 | -webkit-transform: rotate(45deg); | |
| 157 | } | |
| 158 | ||
| 159 | #pagination {
| |
| 160 | color: {color:text};
| |
| 161 | opacity:1; | |
| 162 | position:fixed; | |
| 163 | width:150px; | |
| 164 | text-align:center; | |
| 165 | margin-top:120px; | |
| 166 | margin-left:-45px; | |
| 167 | font-family:courier; | |
| 168 | font-size:8px; | |
| 169 | letter-spacing:4px; | |
| 170 | font-style:normal; | |
| 171 | z-index:100; | |
| 172 | background: {color:pagibg};
| |
| 173 | padding:2px; | |
| 174 | border-top:1px dashed #F0F0F0;} | |
| 175 | ||
| 176 | #info {
| |
| 177 | text-align:center; | |
| 178 | margin-top:10px; | |
| 179 | } | |
| 180 | ||
| 181 | #asker {
| |
| 182 | float:left; | |
| 183 | margin-right:5px; | |
| 184 | } | |
| 185 | ||
| 186 | #cred {
| |
| 187 | position:fixed; | |
| 188 | font-family:calibri; | |
| 189 | font-size:9px; | |
| 190 | line-height:60%; | |
| 191 | right:10px; | |
| 192 | bottom:10px; | |
| 193 | text-transform:uppercase; | |
| 194 | background-color:#fff; | |
| 195 | text-align:center;} | |
| 196 | #cred a {
| |
| 197 | display:block; | |
| 198 | width:2px; | |
| 199 | height:1px; | |
| 200 | padding:4px; | |
| 201 | color:#9A9A9A; | |
| 202 | background-color:#fff; | |
| 203 | -moz-transition-duration:0.5s; | |
| 204 | -webkit-transition-duration:0.5s; | |
| 205 | -o-transition-duration:0.5s;} | |
| 206 | #cred a:hover {
| |
| 207 | opacity: 0.1; | |
| 208 | color:#FCFCFC; | |
| 209 | -moz-transition-duration:0.5s; | |
| 210 | -webkit-transition-duration:0.5s; | |
| 211 | -o-transition-duration:0.5s;} | |
| 212 | {CustomCSS}</style></head><body>
| |
| 213 | ||
| 214 | <div id="sidebar"> | |
| 215 | ||
| 216 | <div id="sidebarimage"><img src="{image:sidebar}"></div>
| |
| 217 | ||
| 218 | <div id="description">{description}</div>
| |
| 219 | ||
| 220 | <div id="links"> | |
| 221 | <a href="/">I.</a> | |
| 222 | <a href="/ask">II.</a> | |
| 223 | <a href="{text:link 1 url}">III.</a>
| |
| 224 | <a href="{text:link 2 url}">IV.</a>
| |
| 225 | <a href="{text:link 3 url}">V.</a>
| |
| 226 | </a> | |
| 227 | ||
| 228 | </div> | |
| 229 | ||
| 230 | ||
| 231 | <div id="pagination"> | |
| 232 | {block:Pagination}
| |
| 233 | {block:PreviousPage}
| |
| 234 | <a href="{PreviousPage}">←</a>
| |
| 235 | {/block:PreviousPage}
| |
| 236 | {block:JumpPagination length="4"}
| |
| 237 | {block:CurrentPage}
| |
| 238 | <span class="current_page">{PageNumber}</span>
| |
| 239 | {/block:CurrentPage}
| |
| 240 | {block:JumpPage}
| |
| 241 | <a class="jump_page" href="{URL}">{PageNumber}</a>
| |
| 242 | {/block:JumpPage}
| |
| 243 | {/block:JumpPagination}
| |
| 244 | {block:NextPage}
| |
| 245 | <a href="{NextPage}">→</a>
| |
| 246 | {/block:NextPage}
| |
| 247 | </div> | |
| 248 | {/block:Pagination}</div></div>
| |
| 249 | </div> | |
| 250 | ||
| 251 | </div> | |
| 252 | ||
| 253 | <div id="entries">{block:Posts}<div id="post">
| |
| 254 | ||
| 255 | {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
| |
| 256 | ||
| 257 | {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
| |
| 258 | ||
| 259 | {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
| |
| 260 | ||
| 261 | {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
| |
| 262 | ||
| 263 | {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
| |
| 264 | ||
| 265 | {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
| |
| 266 | ||
| 267 | {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
| |
| 268 | ||
| 269 | {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
| |
| 270 | ||
| 271 | {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:{Question}<br>{Answer}{/block:Answer}
| |
| 272 | ||
| 273 | <div id="info"> | |
| 274 | {block:Date}{TimeAgo}</a>{/block:Date} - <a href="{Permalink}">
| |
| 275 | {NoteCountWithLabel}</a>{block:RebloggedFrom} - <a href="{ReblogParentURL}"
| |
| 276 | title="{ReblogParenttitle}">Via</a> - <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}-{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
| |
| 277 | ||
| 278 | </div> | |
| 279 | {block:PostNotes}{PostNotes}{/block:PostNotes}
| |
| 280 | {/block:Posts}</div>
| |
| 281 | ||
| 282 | <div id="cred"><a href="http://hazzstop.tumblr.com"><img src="http://static.tumblr.com/y6lfoox/z4smlloab/h.png"> | |
| 283 | ||
| 284 | </body></html> |