bshit

theme idk

Apr 23rd, 2015
225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.82 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.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <form action="/search" method="get" class="sfm">
  11. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  12. <input type="submit" value="Search" id="sb"/>
  13. </form>
  14.  
  15.  
  16.  
  17. <!---DONT STEAL
  18. --->
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Text" content="#a8a8a8"/>
  22. <meta name="color:Border" content="#dddddd"/>
  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:links" content="ffffff"/>
  27. <meta name="color:Post Links" content="#c0bfbf"/>
  28. <meta name="color:Answer Backg" content="#000000"/>
  29. <meta name="color:Post" content="#f2f2f2"/>
  30. <meta name="color:search" content="#ffffff"/>
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:sidebarbg" content=""/>
  34. <meta name="image:askbg" content=""/>
  35. <meta name="text:link 1" content="" />
  36. <meta name="text:link 2" content="" />
  37. <meta name="text:link 3" content="" />
  38. <meta name="text:link 1 url" content=""/>
  39. <meta name="text:link 2 url" content=""/>
  40. <meta name="text:link 3 url" content=""/>
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45. ::-webkit-scrollbar-thumb {
  46. height:auto;
  47. background-color:{color:Scrollbar};
  48. }
  49.  
  50. ::-webkit-scrollbar {
  51. height:9px;
  52. width:4px;
  53. background-color:{color:ScrollbarBg};
  54. }
  55.  
  56. body {
  57. background:{color:background};
  58. margin:0px;
  59. color:{color:text};
  60. font-family:arial;
  61. font-size:10px;
  62. line-height:100%;
  63. letter-spacing:0px;
  64. text-align:justify;
  65. background-image:url('{image:Background}');
  66. background-attachment:fixed;
  67. overflow:auto;
  68. }
  69.  
  70. a {
  71. text-decoration:none;
  72. outline:none;
  73. -moz-outline-style:none;
  74. color:{color:Post Links};
  75. }
  76.  
  77. img {
  78. border:none;
  79. }
  80.  
  81. blockquote {
  82. padding:4px;
  83. border-left:4px solid {color:border};
  84. border-bottom:4px solid {color:border};
  85. background-color:{color:hover};
  86. color:{color:postbg};
  87. }
  88.  
  89. blockquote blockquote {
  90. border-left:4px solid {color:border};
  91. border-bottom:4px solid {color:border};
  92. }
  93.  
  94. h1 {
  95. font-size:8px;
  96. letter-spacing:2px;
  97. text-transform:uppercase;
  98. font-family:arial;
  99. font-style:none;
  100. line-height:10px;
  101. text-align:left;
  102. padding:0px;
  103. }
  104.  
  105. a:hover {
  106. color:#000000;
  107. -moz-transition-duration:0.3s;
  108. -webkit-transition-duration:0.3s;
  109. -o-transition-duration:0.3s;
  110. }
  111.  
  112.  
  113.  
  114. /*ENTRIES*/
  115.  
  116. #entries {
  117. padding:10px;
  118. width:500px;
  119. margin-left:370px;
  120. margin-top:5px;
  121. font-size:10px;
  122. font-family:arial;
  123. letter-spacing:0px;
  124. }
  125.  
  126. #post {
  127. width:500px;
  128. padding-bottom:40px;
  129. padding:25px;
  130. margin-top:50px;
  131. background-color:{color:Post};
  132. }
  133.  
  134. /*SIDEBAR*/
  135. .sidebar1.crop {
  136. width:260px;
  137. height:400px;
  138. }
  139. .sidebar1.crop .image {
  140. background-image:url('{image:sidebar}');
  141. }
  142.  
  143. .sidebar2.crop {
  144. width:260px;
  145. height:400px;
  146. }
  147. .sidebar2.crop .image {
  148. background-image:url('{image:sidebar}');
  149. }
  150.  
  151. .crop:hover .upper.image {
  152. top: -40%;
  153. }
  154.  
  155. .crop:hover .lower.image {
  156. bottom: -10%;
  157. }
  158.  
  159. .crop {
  160. position:fixed;
  161. margin-top:120px;
  162. margin-left:30px;
  163. background-image:url('{image:sidebarbg}');
  164. overflow:hidden;
  165. }
  166.  
  167. .crop .content {
  168. position: absolute;
  169. margin-top: auto;
  170. margin-bottom: auto;
  171. text-align: center;
  172. }
  173.  
  174. .crop .image {
  175. z-index: 1;
  176. position: absolute;
  177. width: 100%;
  178. height: 100%;
  179. }
  180.  
  181. .crop .upper.image, .crop .lower.image {
  182. height: 50%;
  183. }
  184.  
  185. .crop .upper.image {
  186. top: 0;
  187. -webkit-transition: top 0.9s ease;
  188. -moz-transition: top 0.9s ease;
  189. -o-transition: top 0.9s ease;
  190. -ms-transition: top 0.9s ease;
  191. transition: top 0.9s ease;
  192. }
  193.  
  194. .crop .lower.image {
  195. bottom: 0;
  196. background-position: 0% 100%;
  197. -webkit-transition: bottom 0.9s ease;
  198. -moz-transition: bottom 0.9s ease;
  199. -o-transition: bottom 0.9s ease;
  200. -ms-transition: bottom 0.9s ease;
  201. transition: bottom 0.9s ease;
  202. }
  203.  
  204. .slinks {
  205. position:center;
  206. margin-top:60px;
  207. margin-left:0px;
  208. }
  209.  
  210. .slinks a {
  211. width:75px;
  212. height:0px;
  213. text-align:center;
  214. padding:3px;
  215. letter-spacing:3px;
  216. color:{color:links};
  217. font-size:9px;
  218. text-transform:uppercase;
  219. display:inline-block;
  220. }
  221.  
  222.  
  223. #description {
  224. text-align:center;
  225. padding:10px;
  226. margin-top:190px;
  227. margin-left:20px;
  228. width:200px;
  229. overflow:auto;
  230. height:60px;
  231. font-size:9px;
  232. position:fixed;
  233. color:{color:post};
  234. }
  235.  
  236. #description a{
  237. color:{color:links};
  238. }
  239.  
  240.  
  241. #pagination{
  242. width:200px;
  243. font-size:10px;
  244. text-align:center;
  245. margin-top:100px;
  246. margin-left:40px;
  247. font-family:arial;
  248. letter-spacing:1px;
  249. position:center;
  250. color:{color:links};
  251. }
  252.  
  253. .sfm input {background-color: {color:search};
  254. font-size: 8px;
  255. border: 2px;
  256. text-transform: uppercase;
  257. margin-top: 0px;
  258. margin-left:0px;
  259. color: {color:background};
  260. letter-spacing: 1px;
  261. padding: 4px 8px;
  262. font-family: calibri, helvetica, arial;}
  263.  
  264.  
  265. /*POST INFO*/
  266.  
  267. #info {
  268. width:500px;
  269. text-align:left;
  270. font-family:arial;
  271. margin-top:3px;
  272. margin-left:0px;
  273. letter-spacing:1px;
  274. font-size:7px;
  275. font-style:none;
  276. padding:1px;
  277. line-height:10px;
  278. text-transform:uppercase;
  279. border-top:1px solid;
  280. border-color:{color:Border};
  281. }
  282.  
  283. #info a {
  284. text-align:center;
  285. color:{color:Post Links};
  286. }
  287.  
  288. #info a:hover {
  289. -moz-transition-duration:0.3s;
  290. -webkit-transition-duration:0.3s;
  291. -o-transition-duration:0.3s;
  292. color:{color:Hover}
  293. }
  294.  
  295. #tags {
  296. float:left;
  297. width:489px;
  298. margin-top:-7px;
  299. margin-left:-5px;
  300. text-align:left;
  301. font-size:7px;
  302. padding:5px;
  303. font-size:8px;
  304. opacity:1;
  305. transition-duration: 0.5s;
  306. -moz-transition-duration: 0.5s;
  307. -webkit-transition-duration: 0.5s;
  308. -o-transition-duration: 0.5s
  309. color:{color:Post Links};
  310. }
  311.  
  312. #tags a {
  313. letter-spacing:0px;
  314. font-size:8px;
  315. text-align:center;
  316. font-family:arial;
  317. text-decoration:none;
  318. display:inline-block;
  319. color:{color:background};
  320. }
  321.  
  322. #tags a:hover {
  323. background-color:{color:Post Links};
  324. -moz-transition-duration:0.3s;
  325. -webkit-transition-duration:0.3s;
  326. -o-transition-duration:0.3s;
  327. color:{color:Hover};
  328. }
  329.  
  330. /*QUESTION*/
  331.  
  332. #asker {
  333. padding:8px;
  334. letter-spacing:2px;
  335. text-align:right;
  336. border:3px {color:border} solid;
  337. color:{color:hover};
  338. background-color:{color:background}
  339. border-left:4px solid {color:border};
  340. border-bottom:4px solid {color:border};
  341. background-image:url('{image:askbg}');
  342. }
  343.  
  344. /*CREDIT*/
  345.  
  346. #cred {
  347. position:fixed;
  348. font-family:arial;
  349. text-transform:uppercase;
  350. font-size:8px;
  351. right:9px;
  352. bottom:9px;
  353. padding:4px;
  354. letter-spacing:1px;
  355. }
  356.  
  357.  
  358.  
  359. {CustomCSS}</style></head><body>
  360.  
  361. <div class="images">
  362. <div class="crop sidebar1">
  363. <div class="upper image"></div>
  364. <div class="lower image"></div>
  365. <div class="content">
  366. <div id="description">{Description}</div>
  367. </div>
  368. <div class="slinks">
  369. <a href="{text:link 1 url}">{text:link 1}</a>
  370. <a href="{text:link 2 url}">{text:link 2}</a>
  371. <a href="{text:link 3 url}">{text:link 3}</a>
  372. </div>
  373.  
  374. <div id="pagination">
  375. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  376. / {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  377. </div>
  378. {/block:Pagination}
  379. </div>
  380. </div>
  381. </div>
  382.  
  383. <div id="entries">
  384. {block:Posts}
  385. <div id="post">
  386.  
  387. {block:Text}
  388. <h1>{block:Title}{Title}{/block:Title}</h1>
  389. {Body}{/block:Text}
  390.  
  391. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  392. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  393.  
  394. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  395. {/block:Caption}{/block:Photoset}
  396.  
  397. {block:Quote}<h2>"{Quote}"</h2>
  398. {block:Source}<div class="qsource"> —{Source}</div>
  399. {/block:Source}{/block:Quote}
  400.  
  401. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  402.  
  403. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  404.  
  405. {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>
  406. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  407. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  408. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  409. {/block:Audio}<br>
  410.  
  411. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  412.  
  413. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:strong; "><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}
  414.  
  415. <div id="info">
  416. <a href="{Permalink}">{timeago}</a> —
  417. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  418. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  419. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  420. with {NoteCountWithLabel}</a>
  421. {block:HasTags}<div id="tags">
  422.  
  423. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  424. </div>{block:HasTags}
  425. </div>
  426. </div>
  427. {/block:Posts}
  428. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  429. {/block:Posts}</div></div></div>
  430. <br><br><br><br>
  431.  
  432. <div id="cred">
  433. <a href="http://bofrps.tumblr.com/">B</a>
  434. </div>
  435. </div>
  436.  
  437.  
  438.  
  439. </body></html>
Add Comment
Please, Sign In to add comment