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 009 by invisibleowls |
3 | + | <!-- theme 009 by rawrdianna |
4 | - | DON'T REMOVE THE CREDIT --> |
4 | + | DON'T REMOVE THE CREDIT --> |
5 | ||
6 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
7 | ||
8 | <head> | |
9 | ||
10 | <!-- DEFAULT VARIABLES --> | |
11 | ||
12 | - | <meta name="color:Background" content="#f9f9f9" /> |
12 | + | <meta name="color:Background" content="#f3efe1" /> |
13 | - | <meta name="color:Entry" content="#ffffff" /> |
13 | + | <meta name="color:Entry" content="#f8f5e9" /> |
14 | - | <meta name="color:Sbar" content="#ffffff" /> |
14 | + | <meta name="color:Sbar" content="#f8f5e9" /> |
15 | - | <meta name="color:Text" content="#000000" /> |
15 | + | <meta name="color:Text" content="#d4cabe" /> |
16 | - | <meta name="color:Link" content="#000000" /> |
16 | + | <meta name="color:Link" content="#dfcbb7" /> |
17 | - | <meta name="color:Hover" content="#ffffff" /> |
17 | + | <meta name="color:Hover" content="#d4cabe" /> |
18 | <meta name="color:Description" content="#000000" /> | |
19 | <meta name="font:Body" content="Georgia" /> | |
20 | <meta name="font:Title" content="Georgia" /> | |
21 | <meta name="text:Link One" content="" /> | |
22 | <meta name="text:Link One Title" content="" /> | |
23 | <meta name="text:Link Two" content="" /> | |
24 | <meta name="text:Link Two Title" content="" /> | |
25 | <meta name="text:Link Three" content="" /> | |
26 | <meta name="text:Link Three Title" content="" /> | |
27 | <meta name="text:Link Four" content="" /> | |
28 | <meta name="text:Link Four Title" content="" /> | |
29 | <meta name="text:Margin Top Description" content="70px" /> | |
30 | <meta name="image:Background" content="http://static.tumblr.com/..."/> | |
31 | <meta name="image:Sidebar" content=""/> | |
32 | ||
33 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
34 | <title>{Title}</title> | |
35 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
36 | <link rel="shortcut icon" href="{Favicon}" /> | |
37 | <link rel="alternate" type="application/rss+xml" href="{RSS}" /> | |
38 | <style type="text/css"> | |
39 | ||
40 | ||
41 | body {background-color:{color:background}; color:{color:text}; | |
42 | font-family:{font:body}; | |
43 | font-size:10px; | |
44 | line-height:100%; | |
45 | text-align:justify; | |
46 | - | image-background: (image:Background);} |
46 | + | image-background: (image:Background};} |
47 | img {border: 0} | |
48 | ||
49 | a:link, a:active, a:visited{color: {color:link}; text-decoration:none; font-family:{font:body}} | |
50 | a:hover{color:{color:lhover};} | |
51 | ||
52 | #entries{width:514px; margin-left:380px; margin-top:15px; position:absolute;} | |
53 | ||
54 | #entry {background-color:{color:entry}; margin-bottom:0px; padding: 8px; -webkit-border-radius: 12px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius: 12px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomleft: 3px;border-radius: 12px;border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom:1px solid} | |
55 | ||
56 | h1{font-size: 20px; font-family: {font:title}; letter-spacing: -1px; line-height: 20px; font-weight: normal; margin: 0 0 5px 0; text-align: left;} | |
57 | h1 a{color: {color:text}; text-decoration: none;} | |
58 | ||
59 | #info {position: absolute; margin-left: 510px; text-align: left; padding: 5px; opacity:0; -webkit-transition-duration: 0.4s; width: 100px; margin-top: -10px;} | |
60 | #notes {font:15px georgia; } | |
61 | .via {font:8px verdana; text-transform:uppercase; letter-spacing:0px; } | |
62 | .via a {font:8px verdana; letter-spacing:0px;} | |
63 | .tags {text-transform: lowercase; } | |
64 | ||
65 | .asker {width: 490px; background-color: {color:background}; padding: 5px; font-size: 10px; font-weight: bold; color:{color:link}; text-transform: uppercase; line-height: 11px;} | |
66 | .asker img{float: left; padding: 0px 5px 0px 0px} | |
67 | .asker a{font-size: 10px; font-weight: bold; color:{color:link}; text-transform: uppercase; line-height: 11px; padding: 0; margin: 0} | |
68 | .asker a:hover{font-size: 10px; font-weight: bold; color:{color:bglink}; background-color: transparent; text-transform: uppercase; line-height:11px; padding: 0; margin: 0;} | |
69 | ||
70 | .question {font-size: 10px; font-weight: normal; color:{color:text}; text-transform: none;} | |
71 | .answer {padding-left: 4px; padding-right: 4px; padding-top: 4px;} | |
72 | .answer img {max-width: 470px;} | |
73 | ||
74 | blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px} | |
75 | ||
76 | b, strong{color:{color:text}} | |
77 | i, em {color:{color:text}} | |
78 | p{margin-top:5px; margin-bottom:5px} | |
79 | blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}} | |
80 | ||
81 | img a{border:none; width:100%} | |
82 | .audio{background-color:white; display:block;} | |
83 | ||
84 | .chat {line-height: 12px; list-style: none; line-height: 15px; list-style: none; padding: 0px; line-height:20px;} | |
85 | .person1 {background-color:{color:Background}; color: {color:text}; } | |
86 | .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}} | |
87 | .person2 {color: {color:text} } | |
88 | .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}} | |
89 | ||
90 | notes {max-width: 500px; margin: 0px; margin-left: 0px; padding: 0px; text-align: left} | |
91 | ol.notes {list-style: none; margin: 0 20px 0 10px; padding: 0px;} | |
92 | ol.notes li {margin: 0px; padding: 0px;} | |
93 | ||
94 | .notes img{width:10px; position:relative; top:1px;} | |
95 | iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;} | |
96 | ||
97 | #title {margin-top:185px; font: 18px georgia; position: fixed; width: 250px; text-align: center; margin-left: 101px;} | |
98 | #title a {color: {color:link}; -webkit-transition: opacity 0.6s linear;} | |
99 | #title a:hover {opacity: 0.5;} | |
100 | ||
101 | #sidebar {position: fixed; margin: 200px 0px 0px 100px; padding: 8px; -webkit-border-radius: 12px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius: 12px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomleft: 3px;border-radius: 12px;border-top-right-radius: 3px; border-bottom-left-radius: 3px;} | |
102 | #side {position: fixed; width:250px; margin-left:1px; } | |
103 | ||
104 | .photo {position:absolute; width:240px; padding:5px; background-color:{color:sbar}; overflow: hidden;-webkit-transition: all 0.6s ease; padding: 8px; -webkit-border-radius: 12px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius: 12px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomleft: 3px;border-radius: 12px;border-top-right-radius: 3px; border-bottom-left-radius: 3px;} | |
105 | .photo:hover {opacity:0.8;-webkit-transition: all 0.6s ease;} | |
106 | .photo img {display: block; width:240px;} | |
107 | ||
108 | .photo:hover #description {height:auto; margin-left:15px;} | |
109 | ||
110 | .photo:hover #linkshover {height:auto; margin-left:275px;} | |
111 | ||
112 | #linkshover {position:absolute;float:left; display:block; width:200px; height:auto; margin-left: 100px; background-color:{color:sidebar}; color:{color:description}; font-family:georgia; font-size:20px; text-align:center; padding:5px; margin-top:220px; opacity:0.5; overflow:hidden; -webkit-transition: all 0.6s ease; text-shadow: 0px 0px 4px #222222; font-style: italic;} | |
113 | ||
114 | #description {position:absolute;float:left; display:block; width:200px; height:auto; margin-left: -250px; background-color:{color:sidebar}; color:{color:description}; font-family:verdana; font-size:9px; text-align:center; padding:5px; margin-top:{text:Margin Top Description}; opacity:0.9; overflow:hidden; -webkit-transition: all 0.6s ease; text-shadow: 0px 0px 4px #222222;} | |
115 | #description i {color:{color:description}; text-shadow: 0px 0px 4px #222222;} | |
116 | #description a {color:{color:description}; text-shadow: 0px 0px 4px #222222;} | |
117 | #description b {color:{color:description}; text-shadow: 0px 0px 4px #222222;} | |
118 | ||
119 | - | #pagination {font-family:georgia; text-align:center; font-size:18px; letter-spacing:1px; padding: 4px; margin-top: 260px;} |
119 | + | {block:pagination}#pagination {font-family:georgia; text-align:center; font-size:18px; letter-spacing:1px; padding: 4px; margin-top: 260px;}{/block:pagination} |
120 | ||
121 | #etc{padding:2px; text-transform: lowercase;} | |
122 | ||
123 | .nav {width: 200; height: auto; padding:0px; margin-top: 10px; text-align: center;} | |
124 | .nav a {float: left; display: block; width: 93px; height: 10px; line-height: 8px; padding: 3px; font-family: verdana; font-size: 9px; text-align: center; background-color: #ffffff; color:{color:nlinks}; text-decoration: none; text-transform: lowercase; margin-right: 1px; margin-bottom: 1px; opacity:0.7; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;} | |
125 | .nav a:hover {background-color: transparent; letter-spacing: 0px; font-weight: normal;} | |
126 | ||
127 | </style> | |
128 | <style type="text/css"></style> | |
129 | ||
130 | </head> | |
131 | ||
132 | <body> | |
133 | <div id="title"><a href="/">{title}</a></div> | |
134 | <div id="sidebar"> | |
135 | <div id="side"> | |
136 | <div class="photo"> | |
137 | <div id="description">{description}<br> | |
138 | <div class="nav"><center> | |
139 | <a href="/">home</a> | |
140 | <a href="/ask">message</a> | |
141 | <a href="/archive">archive</a> | |
142 | {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a><br />{/block:IfLinkOneTitle} | |
143 | {block:IfLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a><br />{/block:IfLinkTwoTitle} | |
144 | {block:IfLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a><br />{/block:IfLinkThreeTitle} | |
145 | {block:IfLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a><br />{/block:IfLinkFourTitle} | |
146 | - | <a href="http://invisibleowls.tumblr.com/">theme</a></center> |
146 | + | <a href="http://agrons.tumblr.com/">theme</a></center> |
147 | </div> | |
148 | ||
149 | </div><div id="linkshover">hover</div> | |
150 | <img src="{image:sidebar}"> | |
151 | ||
152 | </div><div id="pagination"> | |
153 | {block:Pagination} | |
154 | {block:PreviousPage} | |
155 | <a href="{PreviousPage}">«</a> | |
156 | {/block:PreviousPage} | |
157 | ||
158 | {block:JumpPagination length="5"} | |
159 | {block:CurrentPage} | |
160 | <span class="current_page">{PageNumber}</span> | |
161 | {/block:CurrentPage} | |
162 | ||
163 | {block:JumpPage} | |
164 | <a class="jump_page" href="{URL}">{PageNumber}</a> | |
165 | {/block:JumpPage} | |
166 | {/block:JumpPagination} | |
167 | ||
168 | {block:NextPage} | |
169 | <a href="{NextPage}">»</a> | |
170 | {/block:NextPage} | |
171 | {/block:Pagination} | |
172 | ||
173 | </div> | |
174 | </div> | |
175 | </div><BR> | |
176 | ||
177 | <div id="entries"> | |
178 | {block:Posts} | |
179 | ||
180 | <div id="entry"> | |
181 | ||
182 | {block:Title}<h1>{Title} </h1>{/block:Title} | |
183 | {block:Text}{Body}{/block:Text} | |
184 | ||
185 | {block:Quote}<h1><b style="font-family:georgia; font-size:40px; font-weight:bold; line-height:33px; opacity:0.7">“</b>{Quote}<div style="text-align:right">— {Source} </div></h1>{/block:Quote} | |
186 | ||
187 | {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name} </h1></a> | |
188 | {block:Description}<P>{Description}</p>{/block:Description}{/block:Link} | |
189 | ||
190 | {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}<br>{/block:Photo} | |
191 | {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset} | |
192 | ||
193 | {block:Chat} | |
194 | <div class="chat"> | |
195 | {block:Lines} | |
196 | <li class="person{UserNumber}">{block:Label} | |
197 | <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines} | |
198 | </div> | |
199 | {/block:Chat} | |
200 | ||
201 | {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} | |
202 | ||
203 | {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="160px" height="160px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayer}<br> | |
204 | {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName} | |
205 | {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist} | |
206 | {block:ExternalAudio}<b>Download:</b><a href="{ExternalAudioURL}"> Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times | |
207 | {block:Caption}{Caption}{/block:Caption}<br clear="all" /><br>{/block:Audio} | |
208 | ||
209 | {block:Answer} | |
210 | <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}<div class="question">{Question}</div></div> | |
211 | <div class="answer"><blockquote>{Answer}</blockquote></div> | |
212 | {/block:Answer} | |
213 | ||
214 | <div id="etc"> | |
215 | {block:Date}<a href="{Permalink}">{Timeago}</a>{/block:Date}{block:NoteCount} · {NoteCount} notes {/block:NoteCount}{block:RebloggedFrom}{block:ContentSource}(from <a href="{ReblogParentURL}">{ReblogParentName}</a> · by <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{/block:RebloggedFrom}<br>{block:HasTags}<i>{block:Tags}<font color="{color:text}">#</font><a href="{TagURL}">{Tag}</a>{/block:Tags}</i>{/block:HasTags} | |
216 | </div> | |
217 | ||
218 | </div> | |
219 | <BR> | |
220 | {/block:Posts} | |
221 | {block:PostNotes}{PostNotes}{/block:PostNotes} | |
222 | ||
223 | </div> | |
224 | ||
225 | </body> | |
226 | </html> |