API tools faq
paste
chezshay

theme 23 "ellis"

chezshay
Apr 30th, 2014
2,225
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.14 KB | None | 0 0
raw download clone embed print report
  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>
  5. <link rel="stylesheet" type="text/css" href="http://tympanus.net/Tutorials/OriginalHoverEffects/css/style4.css" />
  6. <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.  
  11.  
  12. <!---@shayofrp
  13. i'm watching u :))--->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#a8a8a8"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:Scrollbar" content="#000000"/>
  19. <meta name="color:ScrollbarBg" content="#ffffff"/>
  20. <meta name="color:Answer Backg" content="#000000"/>
  21. <meta name="color:Links" content="#000000"/>
  22. <meta name="color:Links Background" content="#000000"/>
  23. <meta name="color:Description Background" content="#000000"/>
  24. <meta name="color:postbg" content="#ffffff"/>
  25. <meta name="color:Info Background" content="#ffffff"/>
  26. <meta name="image:background" content=""/>
  27. <meta name="image:icon" content=""/>
  28. <meta name="image:sidebar image" content=""/>
  29. <meta name="text:Link 1" content="">
  30. <meta name="text:Link 1 URL" content="/">
  31. <meta name="text:Link 2" content="">
  32. <meta name="text:Link 2 URL" content="/">
  33. <meta name="text:Link 3" content="">
  34. <meta name="text:Link 3 URL" content="/">
  35. <meta name="text:Read More Link" content="/">
  36. <meta name="text:Hover Text" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet facilisis diam. Sed non ligula id lectus porta vestibulum at ut metus. Sed justo velit, venenatis eget scelerisque sit amet, interdum eu elit. Curabitur nec ante vehicula, facilisis quam non, cursus nibh. Nullam sed urna posuere, luctus libero ac, sollicitudin ipsum. Nam purus nisl, dapibus a est sed, pellentesque ultricies sapien. Nulla fermentum, ante quis aliquam interdum, neque nibh adipiscing lectus, at fermentum urna dolor non justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut fermentum sapien id est commodo hendrerit. Aenean dapibus augue vitae ipsum porta sagittis.">
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42. ::-webkit-scrollbar-thumb {
  43. height:auto;
  44. background-color:{color:Scrollbar};
  45. }
  46.  
  47. ::-webkit-scrollbar {
  48. height:9px;
  49. width:2px;
  50. background-color:{color:ScrollbarBg};
  51. }
  52.  
  53.  
  54. body {
  55. background:{color:background};
  56. margin:0px;
  57. color:{color:text};
  58. font-family:arial, sans-serif;
  59. font-size:9px;
  60. line-height:100%;
  61. letter-spacing:0px;
  62. text-align:justify;
  63. background-image:url('{image:background}');
  64. background-attachment:fixed;
  65. }
  66.  
  67. .container{width:650px;
  68. height:200px;
  69. margin-left:300px;
  70. margin-top:10px;
  71. }
  72.  
  73. a {
  74. text-decoration:none;
  75. outline:none;
  76. -moz-outline-style:none;
  77. color:{color:links};
  78. font-weight:bold;
  79. font-family:arial;
  80. }
  81.  
  82. pre{color:{color:background};
  83. font-family:'arial';
  84. padding:5px;
  85. width:90%;
  86. font-size:150%;
  87. border-left:2px solid {color:postbg};
  88. text-transform:lowercase;
  89. letter-spacing:-1px;
  90. background-color:{color:text};}
  91.  
  92. img {
  93. border:none;
  94. }
  95.  
  96. h1 {
  97. font-size:22px;
  98. color:{color:text};
  99. text-transform:lowercase;
  100. font-family:'arial';
  101. letter-spacing:-1px;
  102. text-align:left;
  103. }
  104.  
  105. blockquote {border-left: solid 2px {color:links};
  106. padding-left:5px;
  107. background-color:{color:background};
  108. padding:15px;
  109. }
  110.  
  111. a:hover {
  112. color:{color:postbg};
  113. -moz-transition-duration:0.3s;
  114. -webkit-transition-duration:0.3s;
  115. -o-transition-duration:0.3s;
  116. }
  117.  
  118. /*ENTRIES*/
  119.  
  120. #entries {
  121. padding:10px;
  122. width:500px;
  123. margin-left:650px;
  124. letter-spacing:0px;
  125. line-height:140%;
  126. margin-top:10px;
  127. z-index:2;
  128. padding-bottom:20px;
  129. font-size:9px;
  130. position:absolute;
  131. }
  132.  
  133. #post {
  134. width:500px;
  135. padding:15px;
  136. margin-top:10px;
  137. background-color:{color:postbg};
  138. }
  139.  
  140.  
  141. /*SIDEBAR*/
  142.  
  143. #sidebar{background-color:{color:postbg};
  144. padding:10px;
  145. padding-bottom:10px;
  146. margin-top:15px;
  147. width:400px;
  148. border-left:4px Solid {color:Text};
  149. margin-left:205px;
  150. position:fixed;
  151. }
  152.  
  153. #links{margin-top:10px;
  154. width:100%;
  155. display:block;
  156. text-align:center;
  157. }
  158.  
  159. #links a{width:105px;
  160. padding:10px;
  161. text-transform:lowercase;
  162. font-weight:normal;
  163. font-family:arial;
  164. border-bottom: 2px solid {color:Info Background};
  165. letter-spacing:-1px;
  166. display:inline-block;
  167. font-size:11px;
  168. background-color:{color:Links Background};
  169. color:{color:Links};
  170. }
  171.  
  172. #links a:hover{background-color:{color:Description Background};}
  173.  
  174. #description{
  175. width:370px;
  176. margin-left:10px;
  177. background-color:{color:Description Background};
  178. background-image:url('{image:background}');
  179. padding:1px;
  180. font-size:9px;
  181. font-family:arial, sans-serif;
  182. color:{color:Text};
  183. font-family:'arial';
  184. padding:5px;
  185. margin-top:3px;
  186. height:90px;
  187. overflow:auto;
  188. }
  189.  
  190. #mainimage{margin-left:-9px;
  191. margin-top:-50px;
  192. position:fixed;
  193. }
  194.  
  195. /*POST INFO*/
  196.  
  197. #info {
  198. width:500px;
  199. text-align:center;
  200. font-family:arial;
  201. text-transform:lowercase;
  202. margin-top:1px;
  203. letter-spacing:-1px;
  204. margin-left:-2px;
  205. font-size:9px;
  206. font-style:none;
  207. padding:2px;
  208. line-height:10px;
  209. background-color:{color:Info Background};
  210. color:{color:Text};
  211. }
  212.  
  213. #info a {
  214. text-align:center;
  215. font-family:arial;
  216. color:{color:Text};
  217. }
  218.  
  219. .tags {text-transform:none;
  220. color:{color:postbg};
  221. width:492px;
  222. margin-left:-2px;
  223. background-color:{color:background};
  224. font-size:10px;
  225. padding:6px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  226.  
  227.  
  228. .tags a {
  229. letter-spacing:0px;
  230. font-size:8px;
  231. text-align:center;
  232. font-family:'arial';
  233. text-decoration:none;
  234. display:inline-block;
  235. color:{color:postbg};
  236. }
  237.  
  238. .tags a:hover{background-color:{color:Links};}
  239.  
  240. /*SIDELINKS*/
  241. .links {
  242. padding:5px;
  243. padding-bottom:6px;
  244. line-height:150%;
  245. z-index:10000000000000000;
  246. text-align:center;
  247. font-size:8px;
  248. letter-spacing:2px;
  249. opacity:1;
  250. position:fixed;
  251. font-family:'arial';
  252. position:absolute;
  253. text-transform:uppercase;
  254. text-align:center;}
  255.  
  256. .links a{
  257. z-index:10000000000000000;
  258. margin-left:10px;
  259. padding:5px;
  260. display:inline-block;
  261. }
  262.  
  263. .links a:hover{
  264. color:{color:postbg};
  265. -moz-transition-duration:.2s;
  266. -webkit-transition-duration:.2s;
  267. -o-transition-duration:.2s;
  268. background-color:{color:Links Background};
  269. }
  270.  
  271. .view {
  272. width: 360px;
  273. height: 420px;
  274. margin: 10px;
  275. margin-bottom:3px;
  276. float: left;
  277. border: 10px solid {color:Background};
  278. overflow: hidden;
  279. position: relative;
  280. background-color:{color:background};
  281. text-align: center;
  282. cursor: default;
  283. }
  284. .view .mask,.view .content {
  285. width: 360px;
  286. height: 420px;
  287. position: absolute;
  288. background-color:{color:Description Background};
  289. overflow: hidden;
  290. top: 0;
  291. left: 0;
  292. }
  293. .view img {
  294. display: block;
  295. position: relative;
  296. }
  297. .view h2 {
  298. text-transform: uppercase;
  299. color: {color:background};
  300. text-align: center;
  301. position: relative;
  302. font-size: 17px;
  303. padding: 10px;
  304. background: {color:postbg};
  305. margin: 20px 0 0 0;
  306. }
  307. .view p {
  308. font-family: arial
  309. font-size: 9px;
  310. position: relative;
  311. color: {color:text};
  312. padding:10px;
  313. text-align: justify;
  314. background-color:{color:Description Background};
  315. }
  316. .view a.info {
  317. display: inline-block;
  318. text-decoration: none;
  319. padding: 7px 14px;
  320. background: {color:background};
  321. color: {color:text};
  322. text-transform: uppercase;
  323.  
  324. }
  325.  
  326. /*QUESTION*/
  327.  
  328. #asker {
  329. color:{color:text};
  330. padding:15px;
  331. font-family:'arial';
  332. font-size:9px;
  333. letter-spacing:0px;
  334. text-align:left;
  335. margin-top:0px;
  336. text-transform:lowercase;
  337. line-height:100%;
  338. background-color:{color:Answer backg};
  339. }
  340.  
  341. #asker a{color:{color:postbg};}
  342.  
  343. #url{color:{color:Background};
  344. padding:2px;
  345. font-family:'arial';
  346. font-size:9px;
  347. letter-spacing:-1px;
  348. text-align:center;
  349. margin-top:0px;
  350. text-transform:lowercase;
  351. line-height:100%;
  352. background-color:{color:Text};
  353. }
  354.  
  355. #url a{color:{color:Background}}
  356.  
  357. #pagination {
  358. font-size:15px;
  359. margin-top:-2px;
  360. letter-spacing:-1px;
  361. line-height:12px;
  362. padding:5px;
  363. text-transform:lowercase;
  364. top:0px;
  365. text-align:center;
  366. font-family:arial;
  367. display:inline-block;
  368. z-index:9999;
  369. position:relative;
  370. color:{color:Text};
  371. color:{color:background};
  372. }
  373.  
  374. #pagination a{background-color:{color:background};
  375. padding:5px;
  376. color:{color:Text};
  377. border-top:2px solid {color:Links};
  378. display:inline-block;
  379. width:170px;
  380. text-align:center;
  381. padding-left:10px;
  382. padding-right:10px;
  383. }
  384.  
  385.  
  386. /*CREDIT*/
  387.  
  388. #cred {
  389. position:fixed;
  390. font-family:'arial';
  391. text-transform:uppercase;
  392. font-size:8px;
  393. right:9px;
  394. color:{color:background};
  395. z-index:9999;
  396. bottom:9px;
  397. padding:5px;
  398. background-color:{color:postbg};
  399. letter-spacing:1px;
  400. }
  401.  
  402. #cred a{color:{color:background};}
  403.  
  404. {CustomCSS}</style></head><body>
  405. <div id="sidebar">
  406. <div class="view view-fourth">
  407. <img src="{image:sidebar image}"/>
  408. <div class="mask">
  409. <h2>{title}</h2>
  410. <p><blockquote>{text:hover text}</blockquote>
  411.  
  412. </p>
  413. <a href="{text:Read More Link}" class="info">Read More</a>
  414. </div>
  415. </div>
  416. <div id="links"><a href="{text:Link 1 URL}">{text:Link 1}</a>
  417. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  418. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  419. </div>
  420. <div id="description"><blockquote>{description}</blockquote></div>
  421. <div align=center><div id="pagination">
  422. {block:Pagination}
  423. {block:PreviousPage}
  424. <a href="{PreviousPage}">back</a>
  425. {/block:PreviousPage}
  426.  
  427. {block:NextPage}
  428. <a href="{NextPage}">forward</a>
  429. {/block:NextPage}
  430. </div>
  431. {/block:Pagination}
  432. </div></div>
  433.  
  434. </div>
  435. </li>
  436.  
  437. </div></div></div></div></div></div></div></div>
  438.  
  439. <div id="entries">
  440. {block:Posts}
  441. <div id="post">
  442.  
  443. {block:Text}
  444. <h1>{block:Title}{Title}{/block:Title}</h1>
  445. {Body}{/block:Text}
  446.  
  447. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  448. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  449.  
  450. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  451. {/block:Caption}{/block:Photoset}
  452.  
  453. {block:Quote}<h2>"{Quote}"</h2>
  454. {block:Source}<div class="qsource"> —{Source}</div>
  455. {/block:Source}{/block:Quote}
  456.  
  457. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  458.  
  459. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  460.  
  461. {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>
  462. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  463. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  464. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  465. {/block:Audio}<br>
  466.  
  467. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  468.  
  469. {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  470.  
  471. <div id="info">
  472. <div id="permalink">
  473. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  474. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  475. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  476. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  477. with {NoteCountWithLabel}</a></div>
  478.  
  479. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
  480.  
  481. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  482. </div>{/block:Posts}{/block:Posts}</div></div>
  483.  
  484. <div id="cred">
  485. <a href="http://shayofrp.tumblr.com/">SHAYOFRP</a>
  486. </div>
  487.  
  488. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!