Advertisement
chezshay

theme 04 "lori"

Sep 4th, 2013
512
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.02 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. <!-- @shayofrp -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}"/>
  13. {/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17. <meta name="color:bg" content="#5f9a9f">
  18. <meta name="color:link" content="#e8d2b5">
  19. <meta name="color:text" content="#9a9a9a">
  20. <meta name="color:tags" content="#b9b7b7">
  21. <meta name="color:ask" content="#fcfcfc">
  22. <meta name="color:hover" content="#eeeeee">
  23. <meta name="color:border" content="#e7e7e7">
  24. <meta name="color:scrollbar" content="#624c47">
  25. <meta name="color:postbg" content="#624c47">
  26.  
  27.  
  28. <meta name="image:sidebar1" content=""/>
  29. <meta name="image:sidebar2" content=""/>
  30. <meta name="image:icon" content=""/>
  31. <meta name="image:link1" content="" />
  32. <meta name="image:link2" content="" />
  33. <meta name="image:link3" content="" />
  34. <meta name="image:title" content="" />
  35.  
  36. <meta name="text:link 1" content="">
  37. <meta name="text:link 1 url" content="/">
  38. <meta name="text:link 2" content="">
  39. <meta name="text:link 2 url" content="/">
  40. <meta name="text:link 3" content="">
  41. <meta name="text:link 3 url" content="/">
  42. <meta name="text:link 4" content="">
  43. <meta name="text:link 4 url" content="/">
  44.  
  45. <meta name="if:Cursor" content="1">
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51. /*--scrollbar--*/
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {background-color: #f2f2f2; height: 5px;}
  54. ::-webkit-scrollbar-thumb:horizontal {background-color: #f2f2f2; height:5px!important;}
  55. ::-webkit-scrollbar {background-color: #5f9a9f; height:5px; width:5px;}
  56.  
  57. /*--body--*/
  58.  
  59.  
  60. body {
  61. font-style:none;
  62. background-color:{color:bg};
  63. font-family:calibri;
  64. color:{color:text};
  65. }
  66.  
  67.  
  68. a {
  69. color:{color:link};
  70. text-decoration:none;
  71. -webkit-transition: all 0.5s ease-out;
  72. -moz-transition: all 0.5s ease-out;
  73. transition: all 0.5s ease-out;
  74. }
  75.  
  76. a:hover {
  77. color:{color:hover};
  78. text-decoration:none;
  79. -webkit-transition: all 0.8s ease-out;
  80. -moz-transition: all 0.8s ease-out;
  81. transition: all 0.8s ease-out;
  82. }
  83.  
  84. img {
  85. border:none;
  86. }
  87.  
  88. blockquote {
  89. padding-left:5px;
  90. border-left:2px solid {color:border};
  91. }
  92.  
  93. h1 {
  94. size:11px;
  95. font-family:times;
  96. font-style:italic;
  97. text-transform:lowercase;
  98. }
  99.  
  100. /*--Cursor code--*/
  101.  
  102. {block:ifCursor}
  103.  
  104. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  105.  
  106. {/block:ifCursor}
  107.  
  108.  
  109.  
  110. /*--sidebar--*/
  111.  
  112. #sidebar {
  113. color:{color:text};
  114. position:fixed;
  115. width:150px;
  116. text-align:left;
  117. }
  118.  
  119. #sidebarimage {
  120. width: 245px;
  121. margin-top:110px;
  122. margin-left:220px
  123. }
  124.  
  125. #sidebarimage img {
  126. width:245px;
  127. height:245px;
  128. }
  129.  
  130. #sidebarimage2 {
  131. width: 100px;
  132. margin-top:-270px;
  133. margin-left:180px
  134. }
  135.  
  136. #sidebarimage2 img {
  137. width:100px;
  138. height:320px;
  139. }
  140.  
  141. #sidebarimage3 {
  142. width: 187px;
  143. margin-top:0px;
  144. margin-left:180px;
  145. z-index:-1;
  146. }
  147. #sidebarimage4 {
  148. width: 245px;
  149. margin-top:-400px;
  150. margin-left:200px;
  151. z-index:-1;
  152. }
  153.  
  154. /*--links--*/
  155.  
  156. #links {
  157. width:150px;
  158. font-family:'cambria';
  159. position:fixed;
  160. text-transform:uppercase;
  161. text-align:center;
  162. margin-top:180px;
  163. margin-left:198px;
  164. }
  165.  
  166. #links a {
  167. padding:3px;
  168. font-size:8px;
  169. }
  170.  
  171. #links a:hover {
  172. color:{color:hover};
  173. }
  174.  
  175. /*--description--*/
  176.  
  177. #description {
  178. width:205px;
  179. height:50px;
  180. position:fixed;
  181. font-family:'calibri';
  182. font-size:10px;
  183. text-align:center;
  184. margin-left:250px;
  185. margin-top:325px;
  186. color:{color:text};
  187. border:solid 1px;
  188. padding:3px;
  189. border-color: {color:border};
  190. background-color:{color:postbg};
  191. z-index:-2;
  192. }
  193.  
  194. /*--pagination--*/
  195.  
  196. #pagination {
  197. font-style:italic;
  198. position:fixed;
  199. text-align:center;
  200. font-size:10px;
  201. margin-left:220px;
  202. margin-top:340px;
  203. font-family:times;
  204. color:{color:postbg};
  205. }
  206.  
  207. #pagination a{
  208. color:{color:postbg};
  209. }
  210.  
  211. #pagination a:hover {
  212. color:{color:hover};
  213. }
  214.  
  215. /*--posts--*/
  216.  
  217. /*--posts--*/
  218. #entries {
  219. padding:10px;
  220. width:500px;
  221. margin-left:550px;
  222. margin-top:10px;
  223. font-size:10px;
  224. font-family:'calibri';
  225. letter-spacing:0px;
  226. background-color:{color:postbg};
  227. }
  228.  
  229. #post {
  230. width:500px;
  231. padding-bottom:40px;
  232. padding:5px;
  233. margin-top:10px;
  234. }
  235.  
  236.  
  237. #info {
  238. margin-bottom:10px;
  239. font-size:8px;
  240. margin-top:10px;
  241. text-align:left;
  242. padding:5px;
  243. color:{color:link};
  244. }
  245.  
  246.  
  247.  
  248. #notes {
  249. margin-left:40px;
  250. margin-top:-2px;
  251. }
  252.  
  253. #rightinfo {
  254. text-transform:uppercase;
  255. font-family:arial;
  256. margin-left:370px;
  257. text-align:justify;
  258. float:right;
  259. background-color:{color:postbg};
  260. padding:1px;
  261. margin-top:-12px;
  262. color:{color:text};
  263. }
  264.  
  265. #rightinfo a {
  266. color:{color:text};
  267. }
  268.  
  269. /*--tags--*/
  270.  
  271. #tags {
  272. margin-left:100px;
  273. margin-top:-11px;
  274. font-size:8px;
  275. color:{color:tags};
  276. background-color:{color:ask};
  277. }
  278.  
  279. #tags a {
  280. color:{color:tags};
  281. }
  282.  
  283. #tags a:hover {
  284. color:{color:hover}
  285. }
  286.  
  287. /*--asks--*/
  288.  
  289. #askbg {
  290. padding:12px;
  291. background-color:{color:ask};
  292. }
  293.  
  294. #ask {
  295. margin-top:-10px;
  296. font-family:calibri;
  297. text-align:left;
  298. color:white;
  299. }
  300.  
  301.  
  302. /*--credit--*/
  303.  
  304. #credit {
  305. right:3px;
  306. bottom:6px;
  307. font-size:9px;
  308. padding:5px;
  309. background-color:{color:postbg};
  310. text-transform:uppercase;
  311. border:1px solid {color:postbg};
  312. position:fixed;
  313. -webkit-transition: all 0.5s ease-out;
  314. -moz-transition: all 0.5s ease-out;
  315. transition: all 0.5s ease-out;
  316. }
  317.  
  318. #credit:hover {
  319. background-color:black;
  320. color:{color:text};
  321. }
  322.  
  323.  
  324. {CustomCSS}
  325.  
  326. </style></head>
  327.  
  328.  
  329. <body>
  330.  
  331. <div id="sidebar">
  332. <div id="sidebarimage"><img src="{image:sidebar1}"></div>
  333. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  334. <div id="sidebarimage3"><img src="{image:icon}"></div>
  335. <div id="sidebarimage4"><img src="{image:title}"></div>
  336. <div id="description">{description}</div>
  337.  
  338. <div id="links">
  339. <a href="{text:link 1 url}">{text:link 1}</a>
  340. <a href="{text:link 2 url}">{text:link 2}</a>
  341. <a href="{text:link 3 url}">{text:link 3}</a>
  342. <a href="{text:link 4 url}">{text:link 4}</a>
  343. </div>
  344.  
  345. {block:Pagination}
  346. <div id="pagination">
  347.  
  348. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  349. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  350. </div>{/block:Pagination}
  351.  
  352. </div></div>
  353.  
  354.  
  355. <div id="entries">
  356. {block:Posts}
  357. <div id="post">
  358.  
  359.  
  360. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  361.  
  362.  
  363. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  364.  
  365. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  366.  
  367. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  368.  
  369. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  370.  
  371. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  372.  
  373. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  374.  
  375. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  376.  
  377. {block:Answer}<div id="askbg"><div id="ask"></div><br> {Asker} said: {Question}</div> {Answer}{/block:Answer}
  378.  
  379. <div id="info"><div id="notes"><a href="{Permalink}">
  380. {NoteCountWithLabel}</a></div>
  381. <div id="rightinfo">&nbsp;{block:Date}<a href="{Permalink}">
  382. {TimeAgo}</a></a>{/block:Date} </div> {block:HasTags} <div id="tags">{block:Tags}&nbsp;&nbsp; #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  383.  
  384. <div id="sidelinks">
  385. <a href="/"><img src="{image:link1}" style="position:fixed;top:380px;left:240px;" /></a>
  386.  
  387. <a href="/ask"><img src="{image:link2}" style="position:fixed;top:410px;left:240px;"/></a>
  388.  
  389. <a href="/nav"><img src="{image:link3}" style="position:fixed;top:440px;left:240px;"/></a>
  390. <br><br>
  391. </div>
  392.  
  393. </div>
  394.  
  395. {/block:Posts}
  396.  
  397. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  398. {/block:Posts}
  399.  
  400. </div>
  401.  
  402.  
  403. <div id="credit"><a href="http://shayofrp.tumblr.com/">credit</a>
  404. </body>
  405. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement