View difference between Paste ID: WaR9Ny14 and SL29cGsv
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}&nbsp;</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}&nbsp;</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>