officialjas0n

theme six

Jul 26th, 2012
161
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.41 KB | None | 0 0
  1. <!--theme made by mac, please do not remove credit or use as a base.
  2. xox-->
  3.  
  4. <html>
  5. <head>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Sarina' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  22.  
  23. <!--default variables-->
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Sidebar" content="#ffffff"/>
  26. <meta name="color:Text" content="#000000"/>
  27. <meta name="color:Title" content="#D198A6"/>
  28. <meta name="color:Link" content="#D48E8E"/>
  29. <meta name="color:Link Hover" content="#000000"/>
  30. <meta name="color:Permalink" content="#F5F5F5"/>
  31.  
  32. <meta name="image:Background" content=""/>
  33. <meta name="image:Sidebar" content="/"/>
  34.  
  35. <meta name="text:Link1 Url" content="/" />
  36. <meta name="text:Link1 Title" content="Link 1" />
  37. <meta name="text:Link2 Url" content="/" />
  38. <meta name="text:Link2 Title" content="Link 2" />
  39. <meta name="text:Link3 Url" content="/" />
  40. <meta name="text:Link3 Title" content="Link 3" />
  41. <meta name="text:Link4 Url" content="/" />
  42. <meta name="text:Link4 Title" content="Link 4" />
  43. <meta name="text:Link5 Url" content="/" />
  44. <meta name="text:Link5 Title" content="Link 5" />
  45.  
  46. <style type="text/css">
  47.  
  48. @font-face {
  49. font-family: "kg ray of sunshine";
  50. src: url('http://static.tumblr.com/nsunyax/2Rvm13ta3/kgrayofsunshine.ttf');
  51. }
  52.  
  53. body{color:{color:Text}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family:arial; font-size:11px;}
  54.  
  55. a{color: {color:link}; text-decoration: none;}
  56.  
  57. a:hover{ color:{color:Link Hover};text-shadow:4px 4px 0px rgba(0,0,0,0.1),3px -6px 0px rgba(0,0,0,0.2),6px 6px 0px rgba(0,0,0,0.1),-5px 4px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.15);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
  58. somewhere after 'a:hover'.}
  59.  
  60. a img{border:0}
  61.  
  62. #entries{margin-left:350px; width:512px}
  63.  
  64. #sidebarimg {margin-bottom:3px; padding:5px;}
  65.  
  66. #sidebarimg img {max-width:272px; height: auto;}
  67.  
  68. #sidebar {width:284px; margin-left:30px; height:100%px; margin-top:70px; position:fixed; overflow:hidden; background-color: {color:Sidebar}; padding:3px;}
  69.  
  70. @font-face { font-family: "sweetheart"; src: url('http://static.tumblr.com/nn2mfrd/sNCm5ku0r/sweetly_broken.ttf'); }
  71.  
  72. #title{font-family:"sweetheart"; color:{color:Title}; font-size:35px;padding:3px; text-align:center;}
  73.  
  74. #links{background:trans;text-align:center; border-bottom:1px dotted; border-top:1px dotted;}
  75.  
  76. #links a{background:trans;display:inline-block;font-family:Amatic SC;font-size:14px;text-transform: lowercase;letter-spacing: 2px; padding:2px 3px 2px 3px; -webkit-border-radius: 2px;-moz-border-radius: 2px;}
  77.  
  78. #description {font-family:Imprima; font-size:11px; text-align:center; margin-bottom: 2px; padding:5px; text-align:center; color:{color:Text};}
  79.  
  80. #pagination {font-size:42px; text-align: center; font-family:georgia; text-align:center;}
  81.  
  82. #pagination a{color:{color:Link}}
  83.  
  84. #permalink{background-color:{color:transparent;} font-family: arial; width: 495px; margin-bottom:2px; margin-top:8px; font-size:9px; padding:3px; text-transform: lowercase; margin-left:2px; text-align:center; font-style: none;}
  85.  
  86. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  87.  
  88. #qquote{font-family:"that one thing";font-size: 20px;text-shadow:1px 1px 5px #SHADOW COLOR; line-height: 17px; color: COLOR; text-align:left; padding: 5px; margin-top:400px; margin-left:900px; position:fixed; letter-spacing:1px;}
  89.  
  90. #h1{font-family:Imprima; color:{color:Text}; font-size:18px; line-height:12px;font-weight:normal; margin:0px; padding:3px; margin-left:10px;}
  91.  
  92. #source {text-align:right; font-size:09px;}
  93.  
  94. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  95.  
  96. p{margin-top:5px; margin-bottom:5px; }
  97.  
  98. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:{color:Entries}; border-left:3px solid {color:Link};}
  99.  
  100. ol.notes img {
  101. width: 16px;
  102. position: relative;
  103. display: inline;
  104. top: 3px;
  105. }
  106. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  107.  
  108. margin: 0 auto;
  109. }
  110.  
  111. .text {
  112. padding: 5px;
  113. }
  114.  
  115. ol.notes {
  116. padding: 0 10px;
  117. }
  118.  
  119. .perma
  120. {
  121. opacity: 0.0;
  122. filter: alpha(opacity = 0);
  123. margin-top: -21px;
  124. width: px;
  125. height: 30px;
  126. line-height: 30px;
  127. font-size: 9px;
  128. position:absolute;
  129. text-align: center;
  130. z-index:9999991;
  131. color: {color:permalink};
  132.  
  133. }
  134. a.p
  135. {
  136.  
  137. color: {color:permalink};
  138. }
  139. .entry:hover .perma {
  140.  
  141. -webkit-transition: opacity 0.4s linear;
  142. opacity: 1;
  143. -moz-transition: all 0.4s linear;
  144. transition: all 0.4s linear;
  145. filter: alpha(opacity = 100);
  146.  
  147. }
  148.  
  149. select {
  150. font-size: 9px;
  151. width: 100px;
  152. margin-left: 10px;
  153.  
  154. }
  155. option {
  156. font-size: 9px;
  157. text-align: left;
  158.  
  159. }
  160. input[type=button]
  161. {
  162. font-size: 9px;
  163. }
  164.  
  165. .likep {
  166. width: 21px;
  167. height: 20px;
  168. overflow: hidden;
  169. position: relative;
  170. z-index: 9999999;
  171. position: absolute;
  172. margin-top: 26px;
  173. margin-left: 5px;
  174. }
  175. .rep {
  176. width: 24px;
  177. height: 20px;
  178. overflow: hidden;
  179. position: relative;
  180. z-index: 9999999;
  181. position: absolute;
  182. margin-top: 26px;
  183. margin-left: 29px;
  184. }
  185. .likep a:hover {
  186. background-position: 0px 0px;
  187. }
  188. .likep a {
  189. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  190. background-position: 0px 0px;
  191. display: block;
  192. z-index: 9999999;
  193. webkit-transition: all 0s linear;
  194. -webkit-transition: all 0s linear;
  195. -moz-transition: all 0s linear;
  196. transition: all 0s linear;
  197. }
  198. .likep img {
  199. width: 21px;
  200. height: 20px;
  201. webkit-transition: all 0.2s linear;
  202. -webkit-transition: all 0.2s linear;
  203. -moz-transition: all 0.2s linear;
  204. transition: all 0.2s linear;
  205. }
  206. .rep img{
  207. width: 24px;
  208. height: 20px;
  209. line-height: 30px;
  210. display: inline;
  211. }
  212.  
  213. .not { position: absolute;
  214. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  215. height: 20px;
  216. font-size: 11px;
  217. line-height: 20px;
  218. color: #fff;
  219. position: absolute;
  220. margin-top: 26px;
  221. margin-left: 56px;
  222. padding-left: 4px;
  223. padding-right: 4px;
  224. -moz-border-radius: 2px;
  225. border-radius: 2px;
  226. }
  227. .not a{
  228. color: #fff;
  229. font-weight: bold;
  230. font-family: Arial, Helvetica, sans-serif;
  231. }
  232.  
  233. .postalign{text-align:justify; padding:3px 7px 0px 7px;}
  234.  
  235. .question{background: {color:Entries}; font-size: 9px; font-weight:bold; color: {color:Text}; padding: 10px;}
  236.  
  237. .ask{font-size: 10px; background-color:{color:Background}; color:{color:Text};margin-bottom:0px;
  238. padding: 7px;}
  239.  
  240. .asker{text-transform: lowercase; padding-bottom:0px; font-size: 11px;}
  241.  
  242. .answer{padding:4px;}
  243.  
  244. .chat {line-height: 12px; list-style: none }
  245. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  246. .person1 {background-color:{color:Background}; color: {color:text}; }
  247. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  248. .person2 {color: {color:Text} }
  249. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  250.  
  251. .quote{font-family:{font:Title}; font-size:13px; color: {color:Text}; font-style:italic;}
  252.  
  253. .audio{background-color:{color:Entries}; height:35px; overflow:hidden;}
  254.  
  255. i, em {color: {color:Link};}
  256. b, strong {color: {color:Title};}
  257.  
  258. ::selection {
  259. color:{color:Text};
  260. background-color: {color:Link};
  261. }
  262.  
  263. ::-moz-selection {
  264. color:{color:Text};
  265. background-color: {color:Link};
  266. }
  267.  
  268. ::-webkit-selection {
  269. color:{color:Text};
  270. background-color:{color:Link};
  271. }
  272.  
  273. </style>
  274. <style type="text/css">{CustomCSS}</style>
  275. </head>
  276.  
  277.  
  278. <body>
  279. <div id="qquote">take my hand, lets just dance</div>
  280. <div id="sidebar">
  281. <div id="title"><a href="/">{Title}</a></div>
  282. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  283. <div id="links"><a href="{text:Link1 Url}">{text:Link1 Title}</a> ∞ <a href="{text:Link2 Url}">{text:Link2 Title}</a> ∞ <a href="{text:Link3 Url}">{text:Link3 Title}</a> ∞ <a href="{text:Link4 Url}">{text:Link4 Title}</a> ∞ <a href="{text:Link5 Url}">{text:Link5 Title}</a></div>
  284. <div id="description">{block:Description}{Description}{/block:Description}</div>
  285.  
  286. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  287. </div>
  288.  
  289. <div id="entries">
  290. {block:Posts}
  291. <div id="posts">
  292.  
  293. {block:Text}
  294. <div class="postalign">
  295. {block:Title}
  296. <div id="h1">{Title}</div>
  297. {/block:Title}
  298. {Body}
  299. </div>
  300. {/block:Text}
  301.  
  302.  
  303. {block:Photo}
  304. <center><a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></center>
  305. <div class="postalign">{block:Caption}{Caption}{/block:Caption}</div>
  306. {/block:Photo}
  307.  
  308. {block:Photoset}
  309. <center>{Photoset-500}</center><div class="postalign">{block:Caption}{Caption}{/block:Caption}
  310. </div>
  311. {/block:Photoset}
  312.  
  313.  
  314. {block:Quote}
  315. <div class="postalign">
  316. <div class="quote">{Quote}</div>
  317. {block:Source}
  318. <div id="source">— {Source}</div>
  319. </div>
  320. {/block:Source}
  321. {/block:Quote}
  322.  
  323. {block:Answer}<div class="postalign">
  324. <div class="ask">
  325. <div class="asker"><i>{Asker}</i> asked:</div> {Question}</div>
  326. <div class="answer">{Answer}</div>
  327. </div>
  328. {/block:Answer}
  329.  
  330. {block:Link}
  331. <div class="postalign">
  332. <div id="h1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  333.  
  334. {block:Description}
  335. {Description}
  336. {/block:Description}
  337. </div>
  338. {/block:Link}
  339.  
  340. {block:Chat}<div class="postalign">{block:Title}<div id="h1">{Title}</div>{/block:Title}
  341. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}
  342. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  343. </div>{/block:Chat}
  344.  
  345. {block:Video}{Video-500}<div class="postalign">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  346.  
  347. {block:Audio}{block:AlbumArt}<div class="postalign"><img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  348. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  349. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  350. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br clear="all" /></div> {/block:Audio}
  351.  
  352. <div id="permalink">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} · {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:HasTags} <br> {block:Tags}
  353. ·<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div><BR>
  354. {/block:Posts}
  355.  
  356. {block:PostNotes}
  357. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  358. {/block:PostNotes}
  359.  
  360. </div>
  361. </div>
  362. </body>
  363.  
  364. </a><div style="position:fixed; bottom:10px; left:10px;">
  365. <a href="http://officialmileyray.tumblr.com">©</a>
  366.  
  367. </html>
Advertisement
Add Comment
Please, Sign In to add comment