Advertisement
bekahofrp

Theme #006 - Warrior

Jun 22nd, 2014
546
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.42 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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--- alrighty here we go this is my sixth theme and it should be simple enough to work out but lemme know if you have any questions. obviously, like, please follow the rules in the original post or i'll be pissed. anywayyys, feel free to adjust this to your liking and enjoy! -bekahofrp --->
  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:DescriptionText" content="#b8b8b8"/>
  18. <meta name="color:sideborder" content="#d19393"/>
  19. <meta name="color:descborder" content="#d19393"/>
  20. <meta name="color:Border" content="#b07a74"/>
  21. <meta name="color:Hover" content="#f2f2f2"/>
  22. <meta name="color:Post BG" content="#f2f2f2"/>
  23. <meta name="color:SidebarBG" content="#f2f2f2"/>
  24. <meta name="color:Links BG" content="#f2f2f2"/>
  25. <meta name="color:Description BG" content="#f2f2f2"/>
  26. <meta name="color:Scrollbar" content="#000000"/>
  27. <meta name="color:ScrollbarBg" content="#ffffff"/>
  28. <meta name="color:Post Links" content="#c0bfbf"/>
  29. <meta name="color:Links" content="#c0bfbf"/>
  30. <meta name="color:Answer Backg" content="#000000"/>
  31. <meta name="color:Sidebar BG" content="#000000"/>
  32.  
  33. <meta name="image:Sidebar" content=""/>
  34. <meta name="image:Background" content=""/>
  35.  
  36. <meta name="text:link1" content="">
  37. <meta name="text:link1 url" content="/">
  38. <meta name="text:link2" content="">
  39. <meta name="text:link2 url" content="/">
  40. <meta name="text:link3" content="">
  41. <meta name="text:link3 url" content="/">
  42. <meta name="text:link4" content="">
  43. <meta name="text:link4 url" content="/">
  44. <meta name="text:link5" content="">
  45. <meta name="text:link5 url" content="/">
  46. <meta name="text:link6" content="">
  47. <meta name="text:link6 url" content="/">
  48. <meta name="text:link7" content="">
  49. <meta name="text:link7 url" content="/">
  50. <meta name="text:link8" content="">
  51. <meta name="text:link8 url" content="/">
  52. <meta name="text:link9" content="">
  53. <meta name="text:link9 url" content="/">
  54.  
  55. <style type="text/css">
  56.  
  57. /*UPDATES*/
  58.  
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. height:auto;
  62. background-color:{color:Scrollbar};
  63.  
  64. }
  65.  
  66. ::-webkit-scrollbar {
  67. height:9px;
  68. width:4px;
  69. background-color:{color:ScrollbarBg};
  70. }
  71.  
  72. body {
  73. font: 14px/1.4 arial;
  74. }
  75.  
  76. body {
  77. background:{color:background};
  78. margin:0px;
  79. color:{color:text};
  80. font-family:calibri;
  81. font-size:10px;
  82. line-height:100%;
  83. letter-spacing:0px;
  84. text-align:justify;
  85. background-image:url('{image:Background}');
  86. background-attachment:fixed;
  87. }
  88.  
  89. a {
  90. text-decoration:none;
  91. outline:none;
  92. -moz-outline-style:none;
  93. color:{color:Post Links};
  94. }
  95.  
  96. img {
  97. border:none;
  98. }
  99.  
  100. blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105. blockquote blockquote {
  106. padding-left:5px;
  107. border-left:2px solid;
  108. }
  109.  
  110. h1 {
  111. font-size:8px;
  112. letter-spacing:2px;
  113. text-transform:lowercase;
  114. font-family:'calibri';
  115. font-style:none;
  116. line-height:10px;
  117. text-align:left;
  118. padding:0px;
  119. }
  120.  
  121. a:hover {
  122. color:{color:Hover1};
  123. -webkit-transition: all 0.4s ease-in-out;
  124. -moz-transition: all 0.4s ease-in-out;
  125. -o-transition: all 0.4s ease-in-out;
  126. -ms-transition: all 0.4s ease-in-out;
  127. transition: all 0.4s ease-in-out;
  128. }
  129.  
  130. #title{Background-color:{color:Text};
  131. padding:10px;
  132. font-size:11px;
  133. color:{color:background};
  134. text-transform:uppercase;
  135. font-weight:bold;}
  136.  
  137. #title a{background-color:{color:Background};
  138. color:{color:Title};
  139. padding:3px;
  140. }
  141.  
  142. /*ENTRIES*/
  143.  
  144. #entries {
  145. padding:10px;
  146. width:680px;
  147. margin-left:350px;
  148. margin-top:3px;
  149. font-size:10px;
  150. font-family:'calibri';
  151. letter-spacing:0px;
  152. position:;
  153. }
  154.  
  155. #post {
  156. width:500px;
  157. padding-bottom:20px;
  158. padding:25px;
  159. margin-top:30px;
  160. margin-left:200px;
  161. background-color:{color:Post BG};
  162. border: 2px solid; color:{color:sideborder}
  163.  
  164. }
  165.  
  166. /*SIDEBAR*/
  167.  
  168. #sidebar {
  169. position:fixed;
  170. margin-top:300px;
  171. margin-left:150px;
  172. position:fixed;
  173. }
  174.  
  175. #sidebarimage {
  176. width 200px;
  177. height 400px;
  178. border: 2px
  179. border:1px solid;
  180. }
  181.  
  182. #sidebarimage img {
  183. width:250px;
  184. height:400px;
  185. margin-top:-200px;
  186. padding:0px;
  187. margin-left:-100px;
  188. border: 2px solid; color:{color:sideborder};
  189.  
  190. }
  191. #sidebarbg {
  192. width:500px;
  193. height:700px;
  194. margin-left:-112px;
  195. margin-top:-510px;
  196. background-color:{color:Sidebar BG};
  197. position:fixed;
  198. z-index:-9999999;
  199.  
  200. }
  201.  
  202. #description {
  203. text-align:center;
  204. font-family:'calibri';
  205. padding:10px;
  206. width:175px;
  207. height:45px;
  208. overflow:auto;
  209. margin-top:-418px;
  210. margin-left:177px;
  211. font-size:10px;
  212. position:fixed;
  213. padding-bottom:0px;
  214. text-transform:none;
  215. color:{color:DescriptionText};
  216. border:2px solid {color:descborder};
  217. background-color:{color:Description BG};
  218. }
  219.  
  220. .links {
  221. width:200px;
  222. height:84px;
  223. margin-top:-337px;
  224. margin-left:172px;
  225. padding:5px;
  226. padding-top:5px;
  227. padding-bottom:6px;
  228. line-height:150%;
  229. text-align:center;
  230. font-size:10px;
  231. opacity:1;
  232. position:fixed;
  233. font-family:'calibri';
  234. text-transform:uppercase;
  235. text-align:center;}
  236.  
  237. .links a{
  238. width:175px;
  239. height:8px;
  240. padding:10px;
  241. color:{color:Links};
  242. display:inline-block;
  243. margin-top:5px;
  244. -webkit-transition: all 2s ease-in-out;
  245. -moz-transition: all .7s ease-in-out;
  246. -o-transition: all .7s ease-in-out;
  247. -ms-transition: all 2s ease-in-out; transition: all 1s ease-in-out;
  248. background-color:{color:Links BG};
  249. border:2px solid {color:descborder};
  250. }
  251.  
  252. .links a:hover{
  253. color:{color:hover};
  254. -moz-transition-duration:.2s;
  255. -webkit-transition-duration:.2s;
  256. -o-transition-duration:.2s;
  257. }
  258.  
  259. #pagination {
  260. border:2px solid;
  261. border-color:{color:descborder};
  262. width:190px;
  263. font-style:bold;
  264. background-color:{color:Post BG};
  265. font-family:'arial';
  266. letter-spacing:0px;
  267. font-size:9px;
  268. text-align:center;
  269. position:fixed;
  270. padding:2px;
  271. margin-top:-352px;
  272. margin-left:178px;
  273. text-transform:lowercase;
  274. }
  275.  
  276.  
  277. /*POST INFO*/
  278.  
  279. #info {
  280. width:500px;
  281. text-align:left;
  282. font-family:'trebuchet ms';
  283. margin-top:3px;
  284. margin-left:px;
  285. letter-spacing:1px;
  286. font-size:7px;
  287. font-style:none;
  288. padding:1px;
  289. line-height:10px;
  290. text-transform:uppercase;
  291. border-top:1px solid;
  292. border-color:{color:Border};
  293. }
  294.  
  295. #info a {
  296. text-align:center;
  297. color:{color:Post Links};
  298. }
  299.  
  300. #info a:hover {
  301. -moz-transition-duration:0.3s;
  302. -webkit-transition-duration:0.3s;
  303. -o-transition-duration:0.3s;
  304. color:{color:Hover}
  305. }
  306.  
  307. #tags {
  308. float:left;
  309. width:489px;
  310. margin-top:-7px;
  311. margin-left:-5px;
  312. text-align:left;
  313. font-size:7px;
  314. padding:5px;
  315. font-size:8px;
  316. color:#000;
  317. opacity:1;
  318. transition-duration: 0.5s;
  319. -moz-transition-duration: 0.5s;
  320. -webkit-transition-duration: 0.5s;
  321. -o-transition-duration: 0.5s;
  322. }
  323.  
  324. #tags a {
  325. letter-spacing:0px;
  326. font-size:8px;
  327. text-align:center;
  328. font-family:'CALIBRI';
  329. text-decoration:none;
  330. display:inline-block;
  331. color:#000;
  332. }
  333.  
  334. #tags a:hover {
  335. background-color:#fff;
  336. -moz-transition-duration:0.3s;
  337. -webkit-transition-duration:0.3s;
  338. -o-transition-duration:0.3s;
  339. color:{color:Hover};
  340. }
  341.  
  342. /*QUESTION*/
  343.  
  344. #asker {
  345. color:{color:Text};
  346. padding:14px;
  347. font-family:'arial';
  348. font-size:11px;
  349. letter-spacing:0px;
  350. text-align:left;
  351. margin-top:0px;
  352. text-transform:lowercase;
  353. line-height:100%;
  354. background-color:{color:Answer Backg}
  355. }
  356.  
  357. /*CREDIT*/
  358.  
  359. #cred {
  360. position:fixed;
  361. font-family:'Calibri';
  362. text-transform:uppercase;
  363. font-size:8px;
  364. right:9px;
  365. bottom:9px;
  366. padding:4px;
  367. letter-spacing:1px;
  368. }
  369.  
  370. {}</style></head><body>
  371.  
  372. </div>
  373.  
  374. </div>
  375.  
  376. </div></div>
  377.  
  378. </div></div></div></div>
  379.  
  380. <div id="sidebar">
  381.  
  382. <div id="sidebarimage">
  383. <img src="{image:Sidebar}">
  384.  
  385. <div id="sidebarbg"></div>
  386.  
  387. </a>
  388. </div>
  389.  
  390. <div class="links">
  391. {block:IfLink1}
  392. <a href="{text:link1 url}">{text:link1}</a>
  393. {/block:IfLink1}
  394. {block:IfLink2}
  395. <a href="{text:link2 url}">{text:link2}</a>
  396. {/block:IfLink2}
  397. {block:IfLink3}
  398. <a href="{text:link3 url}">{text:link3}</a>
  399. {/block:IfLink3}
  400. {block:IfLink4}
  401. <a href="{text:link4 url}">{text:link4}</a>
  402. {/block:IfLink4}
  403. {block:IfLink5}
  404. <a href="{text:link5 url}">{text:link5}</a>
  405. {/block:IfLink5}
  406. {block:IfLink6}
  407. <a href="{text:link6 url}">{text:link6}</a>
  408. {/block:IfLink6}
  409. {block:IfLink7}
  410. <a href="{text:link7 url}">{text:link7}</a>
  411. {/block:IfLink7}
  412. {block:IfLink8}
  413. <a href="{text:link8 url}">{text:link8}</a>
  414. {/block:IfLink8}
  415. {block:IfLink9}
  416. <a href="{text:link9 url}">{text:link9}</a>
  417. {/block:IfLink9}
  418. </div>
  419. <a>
  420. <div id="description">{Description}
  421. </div></a>
  422. {block:Pagination}
  423. <div id="pagination">
  424. {block:PreviousPage}<a href="{PreviousPage}">fall</a>{/block:PreviousPage}
  425. — {block:NextPage}<a href="{NextPage}">jump</a>{/block:NextPage}
  426. </div>
  427. {/block:Pagination}
  428. </div>
  429. </div>
  430. </div>
  431.  
  432. <div id="entries">
  433. {block:Posts}
  434. <div id="post">
  435.  
  436. {block:Text}
  437. <h1>{block:Title}{Title}{/block:Title}</h1>
  438. {Body}{/block:Text}
  439.  
  440. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  441. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  442.  
  443. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  444. {/block:Caption}{/block:Photoset}
  445.  
  446. {block:Quote}<h2>"{Quote}"</h2>
  447. {block:Source}<div class="qsource"> —{Source}</div>
  448. {/block:Source}{/block:Quote}
  449.  
  450. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  451.  
  452. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  453.  
  454. {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>
  455. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  456. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  457. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  458. {/block:Audio}<br>
  459.  
  460. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  461.  
  462. {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 style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  463.  
  464. <div id="info">
  465. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  466. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  467. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  468. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  469. with {NoteCountWithLabel}</a>
  470. {block:HasTags}<div id="tags">
  471.  
  472. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  473. </div>{block:HasTags}
  474. </div>
  475. </div>
  476. {/block:Posts}
  477. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  478. {/block:Posts}</div></div></div>
  479. <br><br><br><br>
  480.  
  481. <div id="cred">
  482. <a href="http://bekahofrp.tumblr.com/">xoxo</a>
  483. </div>
  484. </div>
  485.  
  486.  
  487.  
  488. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement