Advertisement
liveforharold

Theme #10

Jun 8th, 2014
1,067
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.19 KB | None | 0 0
  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.  
  4. <head><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. <!---THEME BY EFFIEDEEN! LIKE/REBLOG IF USING, DON'T USE IT AS BASE, CLAIM AS YOUR OR (RE)MOVE THE CREDITS!
  12. --->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#a8a8a8"/>
  16. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  17. <meta name="color:linksbg" content="#a8a8a8"/>
  18. <meta name="color:DescriptionText" content="#b8b8b8"/>
  19. <meta name="color:Border" content="#dddddd"/>
  20. <meta name="color:border1" content="#d29675" />
  21. <meta name="color:border2" content="#86c272" />
  22. <meta name="color:border3" content="#84b2d5" />
  23. <meta name="color:Hover" content="#f2f2f2"/>
  24. <meta name="color:Scrollbar" content="#000000"/>
  25. <meta name="color:ScrollbarBg" content="#ffffff"/>
  26. <meta name="color:Post Links" content="#c0bfbf"/>
  27. <meta name="color:Answer Backg" content="#000000"/>
  28. <meta name="image:Sidebar" content=""/>
  29. <meta name="image:Background" content=""/>
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 1 Text" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 2 Text" content="" />
  34. <meta name="text:Link 3" content="" />
  35. <meta name="text:Link 3 Text" content="" />
  36. <meta name="if:Show Link 1" content="1" />
  37. <meta name="if:Show Link 2" content="1" />
  38. <meta name="if:Show Link 3" content="1" />
  39. <meta name="text:Link 4" content="" />
  40. <meta name="text:Link 4 Text" content="" />
  41. <meta name="if:Show Link 4" content="1" />
  42. <meta name="text:Link 5" content="" />
  43. <meta name="text:Link 5 Text" content="" />
  44. <meta name="if:Show Link 5" content="1" />
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49. ::-webkit-scrollbar-thumb {
  50. height:auto;
  51. background-color:{color:Scrollbar};
  52. }
  53.  
  54. ::-webkit-scrollbar {
  55. height:9px;
  56. width:4px;
  57. background-color:{color:ScrollbarBg};
  58. }
  59.  
  60. body {
  61. background:{color:background};
  62. margin:0px;
  63. color:{color:text};
  64. font-family:calibri;
  65. font-size:10px;
  66. line-height:100%;
  67. letter-spacing:0px;
  68. text-align:justify;
  69. background-image:url('{image:Background}');
  70. }
  71.  
  72. a {
  73. text-decoration:none;
  74. outline:none;
  75. -moz-outline-style:none;
  76. color:{color:Post Links};
  77. }
  78.  
  79. img {
  80. border:none;
  81. }
  82.  
  83. blockquote {
  84. padding-left:5px;
  85. border-left:2px solid;
  86. }
  87.  
  88. blockquote blockquote {
  89. padding-left:5px;
  90. border-left:2px solid;
  91. }
  92.  
  93. h1 {
  94. font-size:12px;
  95. letter-spacing:2px;
  96. text-transform:uppercase;
  97. font-family:'calibri';
  98. font-style:none;
  99. line-height:10px;
  100. text-align:left;
  101. padding:0px;
  102. }
  103.  
  104. a:hover {
  105. color:#000000;
  106. -moz-transition-duration:0.3s;
  107. -webkit-transition-duration:0.3s;
  108. -o-transition-duration:0.3s;
  109. }
  110.  
  111.  
  112. /*ENTRIES*/
  113.  
  114. #entries {
  115. padding:10px;
  116. width:500px;
  117. margin-left:315px;
  118. margin-top:5px;
  119. font-size:10px;
  120. font-family:'arial';
  121. letter-spacing:0px;
  122. }
  123.  
  124. #post {
  125. width:500px;
  126. margin-top:40px;
  127.  
  128. }
  129.  
  130. /*SIDEBAR*/
  131.  
  132. #sidebar {
  133. position:relative;
  134. margin-left:100px;
  135. margin-top:-2px;
  136. margin-left:170px;
  137. }
  138.  
  139. #sidebarimage {
  140. width 130px;
  141. }
  142.  
  143. #sidebarimage img {
  144. width:501px;
  145. height:220px;
  146. margin-top:30px;
  147. padding:3px;
  148. margin-left:152px;
  149. }
  150.  
  151. #sidebarimage img:hover {
  152. opacity:0.7;
  153. -moz-transition-duration:0.6s;
  154. -webkit-transition-duration:0.6s;
  155. -o-transition-duration:0.6s;
  156. }
  157.  
  158. #borda {
  159. width:550px;
  160. height:3px;
  161. margin-top:-3px;
  162. margin-left:155px;
  163. overflow:hidden;
  164. position:absolute;
  165. z-index:50;
  166. }
  167. .linha {
  168. width:167px;
  169. height:100%;
  170. float:left;
  171. }
  172.  
  173. .links {
  174. width:501px;
  175. font-family:'trebuchet ms';
  176. padding: 10px;
  177. display:inline-block;
  178. text-align:center;
  179. text-transform:uppercase;
  180. position:fixed;
  181. margin-top:-311px;
  182. margin-left:155px;
  183. background-color:white;
  184. word-spacing:5px;
  185. color:{color:sidebar links};
  186. z-index:100;
  187. }
  188.  
  189. .links a {
  190. width:100px;
  191. padding:3px;
  192. margin-top:1px;
  193. font-size:7px;
  194. letter-spacing:2px;
  195. }
  196.  
  197. .links a:hover {
  198. -moz-transition-duration:0.3s;
  199. -webkit-transition-duration:0.3s;
  200. -o-transition-duration:0.3s;
  201. letter-spacing:5px;
  202. color:{color:sidebar links};
  203. }
  204.  
  205. #pagination {
  206. font-style:bold;
  207. display:inline-block;
  208. padding:2px;
  209. font-family:'arial';
  210. letter-spacing:0px;
  211. font-size:28px;
  212. text-align:center;
  213. padding:2px;
  214. margin-top:80px;
  215. text-transform:lowercase;
  216. position:fixed;
  217. margin-left:680px;
  218. }
  219.  
  220. #description {
  221. text-align:center;
  222. font-family:'trebuchet ms';
  223. width:450px;
  224. padding:25px;
  225. margin-top:-90px;
  226. margin-left:155px;
  227. font-size:9px;
  228. position:relative;
  229. text-transform:uppercase;
  230. color:{color:DescriptionText};
  231. }
  232.  
  233. #title {
  234. width:450px;
  235. text-align:center;
  236. padding:25px;
  237. margin-top:15px;
  238. font-family:'vrinda';
  239. text-transform:uppercase;
  240. font-size:12px;
  241. margin-left:155px;
  242. color:{color:DescriptionText};
  243. letter-spacing:2px;
  244. }
  245.  
  246.  
  247.  
  248.  
  249. /*POST INFO*/
  250.  
  251. #info {
  252. width:500px;
  253. text-align:left;
  254. font-family:'trebuchet ms';
  255. margin-top:3px;
  256. margin-left:px;
  257. letter-spacing:3px;
  258. font-size:7px;
  259. font-style:none;
  260. padding:1px;
  261. line-height:10px;
  262. text-transform:uppercase;
  263. }
  264.  
  265. #info a {
  266. text-align:center;
  267. color:{color:Post Links};
  268. }
  269.  
  270. #info a:hover {
  271. -moz-transition-duration:0.3s;
  272. -webkit-transition-duration:0.3s;
  273. -o-transition-duration:0.3s;
  274. color:{color:Hover}
  275. }
  276.  
  277. #tags {
  278. float:left;
  279. width:489px;
  280. margin-top:-7px;
  281. margin-left:-5px;
  282. text-align:left;
  283. font-size:7px;
  284. padding:5px;
  285. font-size:8px;
  286. opacity:1;
  287. transition-duration: 0.5s;
  288. -moz-transition-duration: 0.5s;
  289. -webkit-transition-duration: 0.5s;
  290. -o-transition-duration: 0.5s
  291. color:{color:Post Links};
  292. }
  293.  
  294. #tags a {
  295. letter-spacing:0px;
  296. font-size:8px;
  297. text-align:center;
  298. font-family:'CALIBRI';
  299. text-decoration:none;
  300. display:inline-block;
  301. color:#ddd;
  302. }
  303.  
  304. #tags a:hover {
  305. background-color:#fff;
  306. -moz-transition-duration:0.3s;
  307. -webkit-transition-duration:0.3s;
  308. -o-transition-duration:0.3s;
  309. color:{color:Hover};
  310. }
  311.  
  312. /*QUESTION*/
  313.  
  314. #asker {
  315. color:#f7f7f7;
  316. padding-left:14px;
  317. padding-top:10px;
  318. padding-bottom:10px;
  319. font-family:'calibri';
  320. font-size:11px;
  321. letter-spacing:0px;
  322. text-align:left;
  323. margin-top:0px;
  324. text-transform:lowercase;
  325. line-height:100%;
  326. background-color:{color:Answer Backg};
  327. }
  328.  
  329. #answer {
  330. background-color:#f7f7f7;
  331. color:{color:Answer Backg};
  332. padding-top:1px;
  333. padding-bottom:1px;
  334. padding-left:14px;
  335. font-family:'calibri';
  336. font-size:11px;
  337. }
  338.  
  339. /*CREDIT*/
  340.  
  341. #cred {
  342. position:fixed;
  343. font-family:'Calibri';
  344. text-transform:uppercase;
  345. font-size:8px;
  346. right:9px;
  347. bottom:9px;
  348. padding:4px;
  349. letter-spacing:1px;
  350. }
  351.  
  352. {CustomCSS}</style></head><body>
  353.  
  354. <div id="sidebar">
  355.  
  356. <div id="sidebarimage">
  357. <a title="home" href="/">
  358. <img src="{image:Sidebar}">
  359. </a>
  360. <div id="borda">
  361. <div class="linha" style="background-color:{color:border1}"></div>
  362. <div class="linha" style="background-color:{color:border2}"></div>
  363. <div class="linha" style="background-color:{color:border3}"></div>
  364. <div class="linha" style="background-color:{color:border4}"></div>
  365. </div>
  366. </div>
  367.  
  368. <div id="title">{Title}</div>
  369. <div id="description">{Description}
  370. </div>
  371.  
  372. <div class="links">
  373. <a href="/">Home</a>
  374. <a href="/ask">Ask</a>
  375. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  376. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  377. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  378. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  379. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  380. </div>
  381.  
  382. {block:Pagination}
  383. <div id="pagination">
  384. {block:PreviousPage}<a href="{PreviousPage}">ยซ</a>{/block:PreviousPage}
  385. {block:NextPage}<a href="{NextPage}">ยป</a>{/block:NextPage}
  386. </div>
  387. {/block:Pagination}
  388. </div>
  389. </div>
  390.  
  391. <div id="entries">
  392. {block:Posts}
  393. <div id="post">
  394.  
  395. {block:Text}
  396. <h1>{block:Title}{Title}{/block:Title}</h1>
  397. {Body}{/block:Text}
  398.  
  399. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  400. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  401.  
  402. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  403. {/block:Caption}{/block:Photoset}
  404.  
  405. {block:Quote}<h2>"{Quote}"</h2>
  406. {block:Source}<div class="qsource"> - {Source}</div>
  407. {/block:Source}{/block:Quote}
  408.  
  409. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  410.  
  411. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  412.  
  413. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  414. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  415. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  416. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  417. {/block:Audio}<br>
  418.  
  419. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  420.  
  421. {block:Answer}<div id="asker">{Question} - <span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div id="answer">{Answer}</div>{/block:Answer}
  422.  
  423. <div id="info">
  424. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> โ€”
  425. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  426. {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  427. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  428. <span style="color:#fc1949 ">โ™ฅ </span>{NoteCountWithLabel}</a>
  429. {block:HasTags}<div id="tags">
  430.  
  431. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  432. </div>{block:HasTags}
  433. </div>
  434. </div>
  435. {/block:Posts}
  436. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  437. {/block:Posts}</div></div></div>
  438. <br><br><br><br>
  439.  
  440. <div id="cred">
  441. <a href="http://effiedeen.tumblr.com/">efd</a>
  442. </div>
  443. </div>
  444.  
  445.  
  446.  
  447. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement