SHARE
TWEET

theme #5

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