Advertisement
foxybieber

Once Again Theme

Nov 15th, 2012
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.31 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <link href="css/adipoli.css" rel="stylesheet" type="text/css"/>
  7. <script src="js/jquery-1.7.1.js" type="text/javascript"></script>
  8. <script src="js/jquery.adipoli.min.js" type="text/javascript"></script>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:background" content="#Ffffff" />
  12. <meta name="color:infohover" content="#BE9CBC" />
  13. <meta name="color:Question Background" content="#eeeff5" />
  14. <meta name="color:text" content="#91758e" />
  15. <meta name="color:bold" content="#bda2bc" />
  16. <meta name="color:italic" content="#927b90" />
  17. <meta name="color:topbar" content="#927b90" />
  18. <meta name="color:Links Background" content="#ddd"/>
  19. <meta name="color:link" content="#8d92b4" />
  20. <meta name="color:infohover" content="#eeeff5" />
  21. <meta name="color:border" content="#eeeff5" />
  22. <meta name="color:title" content="#957d9e" />
  23. <meta name="color:second title" content="#c2b9c5" />
  24. <meta name="font:body" content="georgia" />
  25. <meta name="color:scrollbar" content="#eeeff5">
  26. <meta name="color:Description BG" content="#eeeff5">
  27. <meta name="if:Show Tags" content="1"/>
  28. <meta name="image:background" content="" />
  29.  
  30. <meta name="text:Second Title" content="" />
  31. <meta name="text:Link One Title" content="link 1" />
  32. <meta name="text:Link One" content="" />
  33. <meta name="text:Link Two Title" content="link 2"/>
  34. <meta name="text:Link Two" content="" />
  35. <meta name="text:Link Three Title" content="link 3"/>
  36. <meta name="text:Link Three" content="" />
  37. <meta name="text:Link Four Title" content="link 4"/>
  38. <meta name="text:Link Four" content="" />
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  41. <title>{Title}</title>
  42. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43. <link rel="shortcut icon" href="{Favicon}" />
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  45. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  46. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  47. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar {
  51. height: 12px;
  52. width: 10px;}
  53.  
  54. ::-webkit-scrollbar-thumb {
  55. background-color:{color:scrollbar};
  56. }
  57.  
  58. ::-webkit-scrollbar-track{
  59. background-color:{color:background};}
  60.  
  61. ::-webkit-scrollbar-buttom{
  62. background-color:{color:scrollbar};}
  63.  
  64.  
  65. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:cambria; font-size:11px; line-height:110%; text-align:justify}
  66.  
  67. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  68. a:hover: background-color: transparent;}
  69.  
  70. links {position:fixed; text-align:center;margin-left:160px;margin-top:100px}
  71.  
  72. links a {margin: 174px 0 -183px -870px; width:100px; display:block; color:{color:text}; background-color:transparent}; font:10px georgia ;font-style:italic; text-transform: lowercase; text-decoration: none; letter-spacing: 3px; padding:3px;}
  73.  
  74. links a:hover {background-color:transparent;
  75. -webkit-transition: all 0.6s ease-in-out;
  76. -moz-transition: all 0.6s ease-in-out;
  77. -o-transition: all 0.6s ease-in-out;
  78. -ms-transition: all 0.6s ease-in-out;
  79. transition: all 0.6s ease-in-out;
  80. }
  81.  
  82. @font-face {font-family: "selfish"; src:url("http://static.tumblr.com/qlxyunb/fydmac3ep/selfish_.ttf")}
  83.  
  84. #title {width:300px;text-align:center;font-size:35px; letter-spacing:1px; text-transform:lowercase; color:{color:title}; font-style:normal;font-family: selfish; margin-top: 100px; margin-left: -35px;}
  85.  
  86. #title a:hover {
  87. background-color:{color:border};
  88. -webkit-transition: all 0.6s ease-in-out;
  89. -moz-transition: all 0.6s ease-in-out;
  90. -o-transition: all 0.6s ease-in-out;
  91. -ms-transition: all 0.6s ease-in-out;
  92. transition: all 0.6s ease-in-out;
  93. }
  94.  
  95.  
  96. @font-face {font-family: "neou";src: url('http://static.tumblr.com/jdjsstr/tmCm6t649/neou-thin_1_.otf');}
  97.  
  98. @font-face { font-family: "bby"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf');}
  99.  
  100. @font-face { font-family: "gram"; src: url('http://static.tumblr.com/jdjsstr/vQrm800ez/neou-bold_1_.otf'); }
  101.  
  102. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  103.  
  104. @font-face {
  105. font-family: "Call Me";
  106. src: url("http://static.tumblr.com/j2nmv5m/yJSm69tse/kgcallmemaybe-skinny.ttf") format("truetype");
  107. }
  108.  
  109. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  110.  
  111. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  112.  
  113. @font-face { font-family: "simply"; src: url('http://static.tumblr.com/jdjsstr/jAKm8lv4d/djb_jacked_up_kinda_luv_1_.ttf'); }
  114.  
  115. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  116.  
  117. #second {
  118. margin-top:-8px;
  119. width:300px;
  120. text-align:center;
  121. font-size:20px;
  122. letter-spacing:1px;
  123. text-transform:lowercase;
  124. color:{color:second title};
  125. font-style:normal;
  126. font-family: lovenote;}
  127.  
  128. .pagination {
  129. margin-top:19px;
  130. text-align:center;
  131. background-color:transparent;
  132. line-height:20px;
  133. color:{color:link}
  134. font-family:cambria;
  135. font-size:14px;
  136. }
  137.  
  138. .pagination a {
  139. text-decoration:none;
  140. background-color:transparent;
  141. padding-top:2px;
  142. padding-bottom:2px;
  143. padding-left:4px;
  144. padding-right:4px;
  145. color:{color:link};
  146. }
  147.  
  148. .pagination a:hover {
  149. background-color:{color:Background};
  150. color:{color:Text};
  151. }
  152.  
  153. .ask {
  154. background-color: {color:Question background};
  155. text-align: justify;
  156. font-size: 12px;
  157. font-family: bby;
  158. padding: 10px;
  159. margin-left: 63px;
  160. z-index: 302;
  161. }
  162.  
  163. .askb {
  164. width: 0px;
  165. height: 0px;
  166. margin-left: 50px;
  167. border-bottom: 20px solid transparent;
  168. border-right: 20px solid {color:Question background};
  169. position: absolute;
  170. margin-top: 10px;
  171. z-index: 301;
  172. }
  173.  
  174. .askicon {
  175. margin-left: 0px;
  176. position: absolute;
  177. text-align: left;
  178. }
  179.  
  180. .answer {
  181. padding: 5px 0px 2px 0px;
  182. margin-left: 63px;
  183. text-align: justify;
  184. margin-top: -3px;
  185. }
  186.  
  187. #wholeleftarea{
  188. width:350px;
  189. margin-left:-10px;
  190. background-color:transparent;
  191. margin-top:-10px;
  192. height:200%;
  193. position:fixed;}
  194.  
  195.  
  196.  
  197. #rightarea{
  198. {block:IfLeftSidebar}margin-left:90px;{/block:IfLeftSidebar}
  199. {block:IfRightSidebar}margin-left:970px;{/block:IfRightSidebar}
  200. position:fixed;
  201. margin-top:80px;
  202. background-color:;
  203. }
  204.  
  205. #leftbar{
  206. background-image: url('http://media.tumblr.com/tumblr_mdggf2q9hx1rr0gsu.png');
  207. width:300px;
  208. height:100%;
  209. position:fixed;
  210. margin-top:-50px;
  211. background-color:{color:description bg};
  212. margin-left:47px;
  213. }
  214.  
  215.  
  216. #sidebarimage img{
  217. {block:IfCirclePic} width: 150px;
  218. height: auto;
  219. -moz-border-radius-topleft: 75px;
  220. -moz-border-radius-topright:75px;
  221. -moz-border-radius-bottomleft:75px;
  222. -moz-border-radius-bottomright:75px;
  223. -webkit-border-top-left-radius:75px;
  224. -webkit-border-top-right-radius:75px;
  225. -webkit-border-bottom-left-radius:75px;
  226. -webkit-border-bottom-right-radius:75px;
  227. border-top-left-radius:75px;
  228. border-top-right-radius:75px;
  229. border-bottom-left-radius:75px;
  230. border-bottom-right-radius:75px;
  231. margin-left:60px;{/block:IfCirclePic}
  232. {block:IfNotCirclePic}
  233. {block:IfSquarePic}
  234. width: 150px;
  235. height: auto;
  236. margin-left:60px;{/block:IfSquarePic}
  237. {/block:IfNotCirclePic}
  238. }
  239.  
  240. #image1 img{
  241. max-width:300px;
  242. max-height:150px;
  243. border-top:0px solid{color:background};
  244. }
  245.  
  246. #image2 img{
  247. max-width:300px;
  248. max-height:300px;
  249. border-bottom:0px solid{color:background};
  250. }
  251.  
  252. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  253.  
  254. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  255.  
  256. div#links{
  257. z-index: 99999;
  258. position:fixed !important;
  259. padding: 2px;
  260. color: #eee;
  261. padding-top:3px;
  262. width: 295px;
  263. height:12px;
  264. margin-left:0px;
  265. margin-top: 40px;
  266. line-height:9px;
  267. font-family: demo;
  268. font-weight: normal;
  269. font-size:13px;
  270. border:1px solid #8f756f;
  271. border-left:0px;
  272. background-color:{color:links background};
  273. transition: all 0.9s ease-out;
  274. -o-transition-transition: all 0.9s ease-out;
  275. -webkit-transition: all 0.9s ease-out;
  276. -moz-transition: all 0.9s ease-out;
  277. }
  278.  
  279. #links a{
  280. color:#ffffff;
  281. }
  282.  
  283. #links:hover{
  284. border-bottom-right-radius:0px;
  285. border-top-right-radius:0px;
  286. transition: all 0.9s ease-out;
  287. -o-transition-transition: all 0.9s ease-out;
  288. -webkit-transition: all 0.9s ease-out;
  289. -moz-transition: all 0.9s ease-out;
  290. }
  291.  
  292. #description{
  293. margin-left:px;
  294. width:270px;
  295. background-color:transparent;
  296. padding:15px;
  297. font-size:9px;
  298. margin-top: -20px;
  299. color:#715953;
  300. font-family: ronda;
  301. }
  302.  
  303. #entries {margin: 0px 0 5px 500px; float:left; text-align: justify; margin-left:360px;}
  304.  
  305. #posts {;margin: 20px 0 -5px 0; width: 500px; background-color:#ffffff; text-align: left; padding: 3px;border: 1px solid #eee;}
  306. #posts:hover .stats{-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out
  307. opacity:1}
  308.  
  309. h1{color:{color:text}; font-style:italic;font-family: georgia; font-size:15px; line-height:13px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; text-align:left; text-transform: lowercase}
  310.  
  311. h2{color:{color:text}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; text-transform: lowercase;}
  312.  
  313. h3{color:{color:link}; font-family:georgia; font-size:13px; letter-spacing:1px; font-weight:normal; font-style:normal; text-transform:lowercase; line-height:15px; margin-top:-4px; margin-bottom:-10px; text-align:center}
  314.  
  315. h3 a:hover{background-color:transparent;}
  316.  
  317. #info {display:block; margin:5px 0px 2px 0px; padding:4px 5px 4px 5px; color:{color:text}; font-size:6px font-family:calibri; line-height:110%; text-transform:lowercase; background-color:{color:background}; letter-spacing:1px; text-align:center; border-top:1px dotted #ffff;border-top:1px solid #eee; font-style:; border: 1px solid #eee; }
  318. #info a {color:{color:text};}
  319. #info a:hover {color:text};}
  320.  
  321. #tags {margin-top:0px; margin-right:7px; font-family:cambria; font-style: italic; text-align:center; text-transform:lowercase;font-size:9px; opacity:1; -webkit-transition:0.3s linear; outline: none; }
  322.  
  323. #questions {background-color:{color:stats background}; color: {color:text}; padding:10px; margin-bottom:0px;font-family: demo; font-size:11px}
  324. #questions a {color:{color:link}}
  325.  
  326. blockquote {border-left:1px #eee; solid; padding-left:5px; margin:0px 2px 0px 10px}
  327.  
  328. b, strong{color:{color:bold}}
  329. i, em {color:{color:italic}}
  330. p{margin-top:5px; margin-bottom:5px}
  331. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid #eee;}
  332.  
  333. img a{border:none; width:100%}
  334. .audio{background-color:black; display:block;}
  335.  
  336. .user_1 .label {color:{color:text}; font-weight:bold}
  337. .user_2 .label {color:{color:text}; font-weight:bold}
  338. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  339.  
  340. .notes img{width:10px; position:relative; top:1px}
  341. ol.notes, .notes li{list-style:none; width:490px; margin:-7px 0 7px 5px; padding:4px}
  342.  
  343. </style>
  344. <style type="text/css">{CustomCSS}</style>
  345. </head>
  346.  
  347. <body>
  348. <div id="all">
  349. <div id="container">
  350.  
  351. <div id="entries">
  352. {block:Posts}
  353. <div id="posts">
  354.  
  355. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  356. {block:Text}{Body}{/block:Text}
  357.  
  358. {block:Quote}<h2>"{Quote}" — {Source}</h2>{/block:Quote}
  359.  
  360. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  361. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  362.  
  363. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  364. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  365.  
  366. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  367.  
  368. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  369.  
  370. {block:Answer}
  371. <div class="askicon"><img src="{AskerPortraitURL-48}" width="48" height="48"></div>
  372. <div class="askb"></div>
  373. <div class="ask">{Question}<div style="text-align: right;font-size:10px;">- {asker}</div></div>
  374. <div class="answer">{Answer}</div>
  375. {/block:Answer}
  376.  
  377. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  378. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  379. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  380. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  381. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  382.  
  383. <div id="info">{block:Date} <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} / <a href="{Permalink}">{NoteCountwithLabel}</a>{/block:NoteCount}{/block:Date}{block:RebloggedFrom} / <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  384. <div id="tags"><div align="center"><div style=" font-style: italic; text-transform: lowercase;">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}"><i>+{Tag}</i></a>&nbsp;{/block:Tags}{/block:HasTags}</div></div></div></div>
  385.  
  386. <p><br>
  387. {/block:Posts}
  388. {block:PostNotes}{PostNotes}{/block:PostNotes}
  389. <br>
  390. </div>
  391.  
  392.  
  393. <div id="rightarea">
  394.  
  395. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  396. </center><br>
  397. <div id="rightnavigation"><center>
  398. </div> </div></center><br>
  399.  
  400. <div id="pagination"><br></div>
  401. </div>
  402.  
  403. <div id="leftbar">
  404. <br><br>
  405. <div id="title">{title}</div><br>
  406. <div id="second">{text:Second Title}</div><br>
  407.  
  408. <div id="links">
  409. <center><a href="/">home</a> &nbsp; <a href="{text:Link One}">{text:Link One Title}</a> &nbsp; <a href="{text:Link Two}">{text:Link Two Title}</a> &nbsp; <a href="{text:Link Three}">{text:Link Three Title}</a> &nbsp; <a href="{text:Link Four}">{text:Link Four Title}</a></center>
  410. </div>
  411.  
  412.  
  413. <div style="margin-top:-3px;">
  414. <div id="description">{description}</div>
  415. <div class="pagination">
  416. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  417. {block:NextPage}<a href="{NextPage}">next</a> {/block:NextPage}
  418. </div>
  419. {/block:Pagination}
  420. </div>
  421.  
  422. <div id="image2"><img src="{image:image2}"></div></div></div>
  423.  
  424. </body>
  425. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement