Advertisement
zeldacraze

old theme 10 - semplice

Aug 18th, 2013
820
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.68 KB | None | 0 0
  1. <!---THEME BY ZELDACRAZE THEMES--->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. {block:IfInfiniteScroll}
  10. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  11. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <meta name="color:Background" content="#ffffff" />
  18. <meta name="color:Links" content="#ff00ab" />
  19. <meta name="color:Links Hover" content="#00bfff" />
  20. <meta name="color:Bold" content="#ff9c00" />
  21. <meta name="color:Borders" content="#000000" />
  22. <meta name="color:Italic" content="#0ba32b" />
  23. <meta name="color:Post Bg" content="#ffffff" />
  24. <meta name="color:Description Text" content="#3a3a3a" />
  25. <meta name="color:Description Bold" content="#ff9c00" />
  26. <meta name="color:Description Italic" content="#0ba32b" />
  27. <meta name="color:Description Link" content="#ff00ab" />
  28. <meta name="color:Description Link Hover" content="#00bfff" />
  29. <meta name="color:Scrollbar Bg" content="#070707" />
  30. <meta name="color:Scrollbar" content="#70706f" />
  31. <meta name="color:Pagination" content="#ff00f2" />
  32. <meta name="color:Pagination Hover" content="#ba00ff" />
  33. <meta name="color:Navigation" content="#ff00ab" />
  34. <meta name="color:Navigation Hover" content="#00bfff" />
  35. <meta name="color:Info Text" content="#3a3a3a"/>
  36. <meta name="color:Info Link" content="#ff00ab"/>
  37. <meta name="color:Info Link Hover" content="#00bfff"/>
  38. <meta name="color:Text" content="#3a3a3a" />
  39. <meta name="color:Title" content="#000000" />
  40. <meta name="color:Hightlight" content="#83d8f5" />
  41. <meta name="color:Question Bg" content="#83d8f5" />
  42.  
  43. <meta name="if:Infinite Scroll" content="0"/>
  44. <meta name="if:Borders" content="1"/>
  45.  
  46. <meta name="image:Sidebar img" content="" />
  47. <meta name="image:Background" content="" />
  48.  
  49. <meta name="text:Link1" content="" />
  50. <meta name="text:Link1 URL" content=""/>
  51. <meta name="text:Link2" content="" />
  52. <meta name="text:Link2 URL" content=""/>
  53. <meta name="text:Link3" content="" />
  54. <meta name="text:Link3 URL" content=""/>
  55. <meta name="text:Link4" content="" />
  56. <meta name="text:Link4 URL" content=""/>
  57.  
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. ::-webkit-scrollbar { width: 4px; height: 4px; }
  64. ::-webkit-scrollbar-button:start:decrement,
  65. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: {color:scrollbar bg}; }
  66. ::-webkit-scrollbar-track-piece { background-color: white; }
  67. ::-webkit-scrollbar-thumb { border-radius: 0px; height: 50px; background-color: {color:scrollbar}; }
  68.  
  69.  
  70. body{
  71. color:{color:text};
  72. font-family: 'Open Sans', sans-serif;
  73. background-image: url({image:Background}) ;
  74. font-size:12px;
  75. background-color:{color:background};
  76. }
  77.  
  78. a {
  79. text-decoration:none;
  80. color:{color:links};
  81. -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;
  82. }
  83.  
  84. a:hover {
  85. text-decoration:none;
  86. color:{color:links hover};
  87. {block:ifBorders}
  88. border-bottom:1px dotted {color:borders};
  89. {/block:ifBorders}
  90. -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;
  91. }
  92.  
  93.  
  94. b {
  95. color:{color:bold};
  96. }
  97.  
  98. i {
  99. text-decoration:none;
  100. color:{color:italic};
  101. }
  102.  
  103. highlight{display: inline; background: {color:hightlight}; padding:0.3px;}
  104.  
  105.  
  106.  
  107. #entry{
  108. width:517px;
  109. margin-left:500px;
  110. position:absolute;
  111. padding:5px;
  112. }
  113.  
  114. #post{
  115. padding:7px;
  116. background-color:{color:post bg};
  117. width:500px;
  118. float:left;
  119. margin:2px;
  120. margin-bottom:15px;
  121. {block:ifBorders}
  122. border-bottom:1px dotted {color:borders};
  123. {/block:ifBorders}
  124. padding-bottom:15px;
  125. }
  126.  
  127.  
  128. #title {
  129. letter-spacing:5px;
  130. font-size:15px;
  131. font-style:italic;
  132. font-weight:bold;
  133. color:{color:title};
  134. margin-bottom:10px;
  135. {block:ifBorders}
  136. border-bottom:1px dotted {color:borders};
  137. {/block:ifBorders}
  138. padding:3px;
  139. display:inline-block;
  140. }
  141.  
  142. #sidebar {
  143. position:fixed;
  144. margin-left:200px;
  145. margin-top:90px;
  146. width:200px;
  147. height:100%;
  148. padding:6px;
  149. background-color:transparent;
  150. }
  151.  
  152. #sidebar #sidebarimage {
  153. opacity:1;
  154. -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  155. }
  156.  
  157. #sidebarimage img {
  158. margin-top:20px;
  159. margin-bottom:20px;
  160. text-align:center;
  161. position:relative;
  162. opacity:1;
  163. z-index:1;
  164. padding:3px;
  165. {block:ifBorders}
  166. border:1px dotted {color:borders};
  167. {/block:ifBorders}
  168. }
  169.  
  170. #description {
  171. width:190px;
  172. text-align:center;
  173. font-size:11px;
  174. font-family: 'Open Sans', sans-serif;
  175. color:{color:description text};
  176. line-height:17px;
  177. }
  178.  
  179. #description a{
  180. color:{color:description link};
  181. -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  182. }
  183.  
  184.  
  185. #description a:hover{
  186. color:{color:description link hover};
  187. -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  188. }
  189.  
  190. #description b {
  191. color:{color:description bold};
  192. }
  193.  
  194. #description i {
  195. color:{color:description italic};
  196. }
  197.  
  198. #links {letter-spacing:2px;
  199. margin-bottom:15px;
  200. }
  201.  
  202. #links a {
  203. color: {color:navigation};
  204. line-spacing:10px;
  205. text-transform:lowercase;
  206. text-align: center;
  207. position:relative;
  208. font-size:10px;
  209. text-align: center;
  210. font-style:italic;
  211. display: inline-block;
  212. -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;
  213. }
  214.  
  215. #links a:hover{
  216. color: {color:navigation hover};
  217. {block:ifBorders}
  218. border-bottom:1px dotted {color:borders};
  219. {/block:ifBorders}
  220. -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  221. }
  222.  
  223. #pagi {
  224. margin-top:-20px;
  225. padding:2px;
  226. }
  227.  
  228. #pagi a{
  229. color: {color:pagination};
  230. display:inline-block;
  231. width: auto;
  232. font-size:12px;
  233. text-align: center;
  234. position:relative;
  235. text-align: center;
  236. display: inline-block;}
  237.  
  238. #pagi a:hover{
  239. color: {color:pagination hover};
  240. }
  241.  
  242. #info{text-align: left;
  243. font-style:italic;
  244. font-size:10px;
  245. color: {color:info text}
  246. line-height: 0px;
  247. width:500px;
  248. margin-top:10px;
  249. overflow: hidden;
  250. -webkit-transition: all 0.6s ease-in-out;
  251. -moz-transition: all 0.6s ease-in-out;
  252. -o-transition: all 0.6s ease-in-out;
  253. }
  254.  
  255. #info a{
  256. color: {color:info link};
  257. -webkit-transition: all 0.3s ease-in-out;
  258. -moz-transition: all 0.3s ease-in-out;
  259. -o-transition: all 0.3s ease-in-out;
  260. }
  261.  
  262. #info a:hover{
  263. color: {color:info link hover};
  264. -webkit-transition: all 0.3s ease-in-out;
  265. -moz-transition: all 0.3s ease-in-out;
  266. -o-transition: all 0.3s ease-in-out;
  267. }
  268. ul.chat {
  269. margin: 0;
  270. padding: 0;
  271. }
  272.  
  273. .chat li {
  274. list-style-type: none;
  275. margin-left: 0px;
  276. margin-bottom:2px;
  277. padding: 3px;
  278. }
  279.  
  280. .chat li.odd {
  281. font-style:italic;
  282. margin-bottom: 5px;
  283. }
  284.  
  285. .chat li.even {
  286. margin-bottom: 5px;
  287. }
  288.  
  289. .label {
  290. font-weight:bold;
  291. text-transform:uppercase;
  292. }
  293.  
  294. blockquote {
  295. border-left: 3px solid {color:borders};
  296. padding-left: 8px;
  297. margin-left: 5px;
  298. }
  299.  
  300. .answer {
  301. background-color: {color:question bg};
  302. font-size:12px;
  303. padding: 10px;
  304. -moz-border-radius: 3px;
  305. -webkit-border-radius: 3px;
  306. border-radius: 3px;
  307. }
  308.  
  309. h1 {
  310. color: {color:title};
  311. width:auto;
  312. display:inline-block;
  313. {block:ifBorders}
  314. border-bottom:1px dotted {color:borders};
  315. }
  316. {/block:ifBorders}
  317.  
  318. h1 a {color:{color:title};}
  319.  
  320. h2 {
  321. font-family: 'Open Sans', sans-serif;
  322. font-size: 25px;
  323. color: {color:title};
  324. font-weight: bold;
  325. font-style: italic;
  326. padding-left:5px;
  327. letter-spacing: 1px;
  328. margin: 0;
  329. padding-bottom: 5px;
  330. display:inline-block;
  331. text-align:center;
  332. }
  333.  
  334.  
  335. h2 a {
  336. color: {color:links};
  337. -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  338. }
  339.  
  340. h2 a:hover {
  341. text-decoration:none;
  342. color:{color:links hover};
  343. -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  344. }
  345.  
  346. h3 {
  347. font-family: 'Open Sans', sans-serif;
  348. font-size: 20px;
  349. color: {color:text};
  350. font-weight: bold;
  351. font-style: none;
  352. padding-left:5px;
  353. letter-spacing: 1px;
  354. margin: 0;
  355. padding-bottom: 5px;
  356. display:inline-block;
  357. text-align:center;
  358. }
  359.  
  360. .quote {
  361. width: 25px;
  362. height: 25px;
  363. font-size: 30px;
  364. color: {color:title};
  365. font-style: normal;
  366. float: left;
  367. margin-right: 5px;
  368. font-family:georgia;
  369. margin-top: -7px;
  370. text-align: center;
  371. font-weight:bold;
  372. padding-bottom:5px;
  373. line-height: 46px;
  374. -moz-border-radius: 3px;
  375. -webkit-border-radius: 3px;
  376. border-radius: 3px;
  377. /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
  378. opacity: 0.7;
  379. }
  380.  
  381. {CustomCSS]</style>
  382.  
  383. </head>
  384. <body>
  385. <div id="sidebar">
  386. <center>
  387. <div id="sidebarimage"><a href="/"><img src="{image:sidebar img}" width="200px;" max-height="200px"></div> </a>
  388. <div id="title">{Title}</div>
  389. <div id="links">
  390. <a href="/">Home</a> •
  391. <a href="/ask">Ask</a>
  392. {block:SubmissionsEnabled}• <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  393. • <a href="/archive">Archive</a><br>
  394. {block:HasPages}<div id="pages">
  395. {block:Pages}<a href="{URL}" class="page">{Label}</a> {/block:Pages}
  396. </div>{/block:HasPages}
  397. {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a> •{/block:ifLink1}
  398. {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a> •{/block:ifLink2}
  399. {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a> •{/block:ifLink3}
  400. {block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a> {/block:ifLink4}
  401. </div>
  402. </center>
  403. <center>
  404. <div id="description">{block:Description}{Description}{/block:Description}</div>
  405. <br>
  406. <div id="pagi">
  407. {block:IfNotInfiniteScroll}
  408. {block:Pagination}
  409. {block:PreviousPage}<a href="{PreviousPage}">‹ Back</a>{/block:PreviousPage}
  410. {block:NextPage}<a href="{NextPage}">Next ›</a>{/block:NextPage}
  411. {/block:Pagination}
  412. </center>
  413. {/block:IfNotInfiniteScroll}
  414. </div></div>
  415.  
  416. </div>
  417. <div id="entry">
  418.  
  419. {block:Posts}
  420.  
  421. <div id="post">
  422.  
  423. {block:Text}
  424. <h1>{block:Title}{Title}{/block:Title}</h1>
  425. {Body}{/block:Text}
  426.  
  427. {block:Photo}
  428. {block:Title}{Title}{/block:Title}
  429. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  430. {/block:Photo}
  431.  
  432. {block:Photoset}
  433. {Photoset-500}
  434. {/block:Photoset}
  435.  
  436.  
  437. {block:Quote}
  438. {block:Title}<h1>{Title}</h1>{/block:Title}
  439. <div class="quote">“</div><h2>{Quote}</h2>
  440. <div align="right">
  441. {block:Source}<h3>-{Source}</h3>{/block:Source}
  442. </div>
  443. {/block:Quote}
  444.  
  445.  
  446. {block:Video}
  447. {block:Title}{Title}{/block:Title}
  448. {Video-500}<br>
  449. {PlayCountWithLabel}
  450. {/block:Video}
  451.  
  452.  
  453. {block:Link}
  454. {block:Title}{Title}{/block:Title}
  455. <h2><a href="{URL}" class="link" {Target}>{Name} ➙ </a></h2><br>
  456. {block:Description}{Description}{/block:Description}
  457. {/block:Link}
  458.  
  459. {block:Chat}
  460. <center>{block:Title}<div class="posttitle"><h1>{Title}</h1></div>{/block:Title}</center>
  461. <ul class="chat">
  462. {block:Lines}
  463. <li class="{Alt} user_{UserNumber}">
  464. {block:Label}
  465. <span class="label">{Label}</span>
  466. {/block:Label}
  467. {Line}
  468. </li>
  469. {/block:Lines}
  470. </ul>
  471. {/block:Chat}
  472.  
  473.  
  474. {block:Audio}
  475. {block:Title}{Title}{/block:Title}
  476. {AudioEmbed-500}
  477. {block:Caption}{Caption}{/block:Caption}
  478. {/block:Audio}
  479.  
  480.  
  481. {block:Answer}
  482. <div class="answer"><big>{Asker} asked: {Question}</big></div>
  483. {Answer}
  484. {/block:Answer}
  485.  
  486. {block:IndexPage}
  487. <div id="info"> <font color="{color:info text}"><a href="{Permalink}" title="Post Page">{TimeAgo}</a> &nbsp;•&nbsp;{/block:Date}{block:Date}{/block:Date} <a href="{Permalink}" title="Post Page">
  488. {NoteCount} Notes</a> &nbsp;•&nbsp;<a href="{ReblogURL}" title="Reblog">Reblog</a> </font><br>
  489. {block:HasTags}
  490. {block:Tags}
  491. <a href="{TagURL}">#{Tag}</a>
  492. {/block:Tags}
  493. {/block:HasTags}
  494. </div>
  495. {/block:IndexPage}
  496.  
  497. {block:PermalinkPage}
  498.  
  499. <center>
  500. <br>
  501. <b>Posted:</b> {TimeAgo} on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="Other posts on this day">{DayOfWeek}, {Month} {DayOfMonthWithZero}, {Year} </a>{/block:Date}{block:Date}{/block:Date}<br>
  502. {block:HasTags}
  503. <b>Tags: </b>
  504. {block:Tags}
  505. <a href="{TagURL}" title="Tag Page"> #{Tag}</a>,
  506. {/block:Tags}
  507. {/block:HasTags}
  508. </center><p>
  509. <b> Notes:</b>
  510. {block:PostNotes}
  511. <div id="postnotes"> {PostNotes} </div>
  512. {/block:PostNotes}
  513. {/block:PermalinkPage}
  514. </div>
  515. {/block:Posts}
  516.  
  517. </div>
  518.  
  519. </body>
  520. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement