API tools faq
paste
laeverdeens

Theme 08

laeverdeens
Jul 1st, 2013
2,825
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.30 KB | None | 0 0
raw download clone embed print report
  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>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10.  
  11. <head>
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#838282"/>
  15. <meta name="color:description" content="#b8b8b8"/>
  16. <meta name="color:border" content="#f1f1f1"/>
  17. <meta name="color:scrollbar" content="#b8b8b8"/>
  18. <meta name="color:link" content="#b8b8b8"/>
  19. <meta name="color:links hover" content="#ffffff"/>
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="text:link 1" content="link 1"/>
  22. <meta name="text:link 1 URL" content="/"/>
  23. <meta name="text:link 2" content="link 2"/>
  24. <meta name="text:link 2 URL" content="/"/>
  25. <meta name="text:link 3" content="link 3"/>
  26. <meta name="text:link 3 URL" content="/"/>
  27. <meta name="text:link 4" content="link 4"/>
  28. <meta name="text:link 4 URL" content="/"/>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
  31.  
  32. <style type="text/css">
  33.  
  34. ::-webkit-scrollbar {width: 7px; height:auto; background:{color:background}}
  35.  
  36. ::-webkit-scrollbar-corner {background:{color:background}}
  37.  
  38. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  39.  
  40. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}
  41. }
  42.  
  43.  
  44.  
  45. body { background:url('http://assets.tumblr.com/images/x.gif') repeat;
  46. line-height:140%;
  47. font-family: cambria;
  48. font-size:10px;
  49. text-align:justify;
  50. background-color:{color:background};
  51. color:{Color:Text}; }
  52.  
  53.  
  54.  
  55. small { font-size: 10px; }
  56.  
  57. a {
  58. color:{color:link};
  59. text-decoration:none;
  60. outline:none;
  61. opacity:1 ;
  62. -webkit-transition: all 0.5s;
  63. -moz-transition: all 0.5s;
  64. transition: all 0.5s;
  65. }
  66.  
  67. a:hover {
  68. color: {color:links hover};
  69. -webkit-transition: all 0.5s;
  70. -moz-transition: all 0.5s;
  71. transition: all 0.5s;
  72. }
  73.  
  74. img {
  75. border:none;
  76. }
  77.  
  78. blockquote {
  79. padding-left:5px;
  80. border-left:2px solid;
  81. }
  82.  
  83. blockquote blockquote {
  84. padding-left:5px;
  85. border-left:2px solid;
  86. }
  87.  
  88.  
  89. h1, h2 {color:{color:text}; font-size:14px; letter-spacing:2px; font-family:times; font-style:italic; font-weight:normal; letter-spacing:1px; line-height:110%; margin:0px; padding:0px; text-align:left;}
  90.  
  91. h2 { text-align: center; }
  92.  
  93. .qsource {font-size:8px; margin-top:10px; text-transform:uppercase; letter-spacing:1px; {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} text-align:center;}
  94.  
  95. #entries {
  96. padding:10px;
  97. width:500px;
  98. margin-left:500px; text-align:justify;
  99. margin-top:50px;
  100.  
  101. border-color:#f7f7f7;
  102. }
  103.  
  104. #post {
  105. width:500px;
  106. padding-bottom:30px;
  107. }
  108.  
  109. #entries:hover .iuu {
  110. opacity: 1;
  111. }
  112.  
  113. #sidebar {
  114. width:150px;
  115. height: 200px;
  116. position:fixed;
  117. margin-left:285px;
  118. margin-top:140px;
  119. }
  120.  
  121.  
  122. .sidebarlinks {
  123. border-top:1px solid {color:border}; border-bottom:1px solid {color:border}; margin-top:10px; background-color:{color:background}; width:170px; letter-spacing:1px; font-size:8px; font-family:times; text-transform:uppercase; margin-bottom:5px; text-align:center; padding:5px 2px 5px 2px;
  124. margin-top:-5px;
  125. }
  126.  
  127. .sidebarlinks a {
  128.  
  129. width:55px;
  130. text-align:center;
  131. padding: 2px 5px 2px 5px;
  132. margin:2px;
  133. color:{color:text};
  134. background-color:#fff; }
  135.  
  136. #sidebarimage {
  137. width 180px;
  138. height: 180px; margin-top: 50px;
  139. }
  140.  
  141.  
  142.  
  143. #description {
  144. opacity: 0.9;
  145. position:fixed;
  146. width:150px; font-family: cambria; text-align: justify;
  147. margin-left:0px;
  148. margin-top:193px;
  149. font-size:10px;
  150. padding:10px;
  151. color:#838282;
  152. -webkit-transition: all 0.5s;
  153. -moz-transition: all 0.5s;
  154. transition: all 0.5s;
  155. }
  156.  
  157.  
  158.  
  159.  
  160. .askbg {
  161. background-color: #fbfbfb; border-top: 1px solid #eee;
  162. padding: 15px;
  163. color: #a6a6a6; }
  164.  
  165. .asker {
  166. text-transform: uppercase;
  167. text-align: justify;
  168. font-family: cambria; font-style: italic;
  169. font-size: 10px;
  170. text-transform: lowercase;
  171. letter-spacing: 1px;
  172. font-weight: normal;
  173. margin-bottom: 0px;
  174. color: #a6a6a6; }
  175.  
  176. .asker a:link, .asker a:visited, .asker a:active {
  177. text-transform: uppercase;
  178. text-align: justify;
  179. font-family: cambria; font-style: italic;
  180. font-size: 10px;
  181. text-transform: lowercase;
  182. letter-spacing: 1px;
  183. font-weight: normal;
  184. margin-bottom: 0px;
  185. color: #a6a6a6; }
  186. .border {
  187. border-top:1px solid {color:border};
  188. padding:10px;
  189. margin-top:20px;
  190. }
  191.  
  192.  
  193. .askerimg { padding: 5px;
  194. border: 1px solid #f1f1f1; background-color: #fff;
  195. margin-right: 0px; }
  196.  
  197. #pagination{
  198. font-size:9px;
  199. text-align:center;
  200. letter-spacing:5px;
  201. width:172px; margin-left: -8px;
  202. margin-top:-290px;
  203. position:fixed;
  204.  
  205. border-color:#f7f7f7;
  206. color:{color:text};
  207. }
  208.  
  209. .quote { font-size:14px; font-style:italic; text-align:center; }
  210. .source { width:400px; float:center; margin:auto; margin-top:10px; padding-top:5px; text-align:center; border-top:3px double #f1f1f1; }
  211.  
  212. .quote-source { margin-top:-40px; text-align:center; margin-bottom:20px; }
  213. .source { letter-spacing:1px;background-color:#ffffff; padding:5px;}
  214. .quote-border { border-top:3px double #dddddd; padding:10px;margin:20px 0 10px 0; }
  215. .iuu{ opacity: 1; color: #747474; margin-bottom: -5px; border-top: 1px solid #f1f1f1; margin-top: -2px; -webkit-transition:0.5s ease-in;
  216. -moz-transition:0.5s ease-in; font-style: italic;
  217. -o-transition:0.5s ease-in;
  218. transition:0.5s ease-in;}
  219.  
  220.  
  221.  
  222. .iuu a { color: #747474; font-family:times; letter-spacing: 0px; text-transform:uppercase; font-size:8px; }
  223. .iuu a:hover { color: #fff; }
  224.  
  225.  
  226. .credit {right: 1px;bottom: 5px;text-transform: uppercase; position: fixed; font-size: 8px; right: 7px;}
  227.  
  228. .ask {
  229. text-align:justify;
  230. padding:0px;
  231. line-height:14px;
  232. font-size:10px;
  233. }
  234.  
  235. .ask a:hover {
  236. background-color:transparent;
  237. }
  238.  
  239. /* --- POST INFO ---*/
  240.  
  241.  
  242. #info {
  243. text-align:left;
  244. margin-top:-10px;
  245. text-transform:uppercase;
  246. font-size:8px; line-height: 100%;
  247. font-style:none; font-family: times;
  248.  
  249. }
  250.  
  251. #info a {
  252. color:{color:Text};
  253. }
  254.  
  255. /* --- POST TAGS---*/
  256.  
  257.  
  258. #tags {
  259. font-family:sans serif;
  260. letter-spacing:0px;
  261. text-transform:lowercase;
  262. font-size:9px; line-height: 100%;
  263. font-style:italic;
  264. margin-top:2px;
  265. text-align:center;
  266. }
  267.  
  268. #tags
  269.  
  270. a {display:inline;color:#bf9fa9};padding:-3px;text-align:left;
  271. -webkit-transition: all 0.6s ease-in-out;
  272. -moz-transition: all 0.6s ease-in-out;
  273. -o-transition: all 0.6s ease-in-out;
  274. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  275.  
  276. #tags a:hover {
  277. color:#090909;
  278. }
  279.  
  280. {CustomCSS}</style>
  281.  
  282. <script type="text/javascript"
  283. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  284.  
  285. <script type="text/javascript">
  286. $(window).load(function(){
  287. $("p").remove(":contains('Source:')");
  288. $("p").remove(":contains('(via')");
  289. });
  290. </script>
  291.  
  292. </head>
  293. <body>
  294.  
  295.  
  296.  
  297. <div id="sidebar">
  298.  
  299.  
  300.  
  301. <div id="sidebarimage" style="background-image:url({Image:Sidebar}); width: 170px; height: 160px; background-repeat: no-repeat; background-position: center;"><div id="description">{Description}<div id="pagination">
  302. {block:pagination}
  303. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  304. {block:JumpPagination length="5"}
  305. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  306. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  307. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  308. {/block:Pagination}
  309.  
  310. </div> </div> </div>
  311.  
  312.  
  313. <div class="sidebarlinks">
  314. <a href="/"> home </a>
  315. <a href="/ask"> message </a>
  316. <a href="{text:link 1 URL}"> {text:link 1} </a>
  317. <a href="{text:link 2 URL}"> {text:link 2} </a>
  318. <a href="{text:link 3 URL}"> {text:link 3} </a>
  319. <a href="{text:link 4 URL}"> {text:link 4} </a>
  320. </a>
  321. </div></div>
  322.  
  323. </div>
  324.  
  325. <div id="entries">{block:Posts}<div id="post"></div>
  326.  
  327. {block:ContentSource}
  328. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  329. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  330. {/block:SourceLogo}
  331. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  332. {/block:ContentSource}
  333.  
  334. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  335.  
  336. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  337.  
  338.  
  339. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  340.  
  341. {block:Quote}<h2>"{Quote}"</h2><div class="qsource">{Source}</div>{/block:Quote}
  342.  
  343. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description} {Description}{/block:Description}{/block:Link}
  344.  
  345. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  346.  
  347. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  348. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  349. {/block:ExternalAudio}
  350. <div id="player">
  351. <br>{AudioPlayerwhite}<br></span>
  352. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  353.  
  354.  
  355. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  356.  
  357. {block:Answer}
  358. <div class="ask"><div style="color: #555555; padding: 10px; padding-bottom: 8px; background-color: #f7f7f7; text-transform: none; font-family: times; font-style: italic;"><table><td><img src="{AskerPortraitURL-30}" style="border: 8px solid #fff; margin: 1px; margin-right: 5px;"></td><td><font style="font-size: 8px; text-transform: uppercase; width: 64px; line-height: 30%; margin-top: -10px; letter-spacing: 1px;"> {Asker} SAID:</font><br><font style="text-transform: lowercase;">
  359. {Question}</font></td></table>
  360. </div><div style="margin-left: 0px; margin-top: -5px;">
  361. {Answer}</div></div>
  362. {/block:Answer}
  363.  
  364.  
  365. <div style="margin-bottom: 35px;">
  366. <div id="info">
  367. <center><table><td><div class="border" style="width: 130px;">
  368. </div></td>
  369. <td>
  370. <div class="info">
  371. {block:Date} <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date} ({NoteCountWithLabel}) {block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">© </a>{/block:ContentSource} - <a href="{ReblogParentURL}">via </a>{/block:RebloggedFrom}</a>
  372.  
  373.  
  374. </div></td>
  375. <td>
  376. <div class="border" style="width: 130px;">
  377. </div></td></table></center>
  378.  
  379.  
  380. {block:HasTags}<div id="tags" style="margin-top: -18px;">{block:Tags} <a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags}</div>{/block:HasTags}</div> </div>
  381.  
  382.  
  383.  
  384.  
  385. {block:PostNotes}{PostNotes}{/block:PostNotes}
  386. {/block:Posts}</div>
  387.  
  388. <div class="credit" style="font-family: calibri; font-size: 8px;"><a href="http://claraosmin.tumblr.com/">CLARAOSMIN</a></div>
  389.  
  390. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!