API tools faq
paste
skyisthelimitthemes

Theme #4/ EXO

skyisthelimitthemes
Aug 25th, 2012
56
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.94 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.  
  3. <!--
  4. THEME EXO BY Sky Is The Limit
  5. PLEASE DO NOT CLAIM THEME AS YOURS, TAKE OUT CREDITS OR
  6. USE THIS THEME AS A BASE CODE FOR YOUR OWN. THANK YOU AND ENJOY!
  7. -->
  8.  
  9. <meta name="color:background" content="#F8F6F3">
  10. <meta name="color:text" content="#D6D1C8">
  11. <meta name="color:side" content="#F3F0EB">
  12. <meta name="color:link" content="#D6D1C8">
  13. <meta name="color:linkhover" content="#C2B9A8">
  14. <meta name="color:navlinkbg" content="#EEEAE1">
  15. <meta name="color:post" content="#F3F0EB">
  16. <meta name="color:info" content="#F3F0EB">
  17.  
  18. <meta name="image:backgroundimage" content=""/>
  19.  
  20. <meta name="text:title1" content="">
  21. <meta name="text:url1" content="/">
  22. <meta name="text:title2" content="">
  23. <meta name="text:url2" content="/">
  24. <meta name="text:title3" content="">
  25. <meta name="text:url3" content="/">
  26. <meta name="text:title4" content="">
  27. <meta name="text:url4" content="/">
  28.  
  29. <head>
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" />{/block:Description}
  31.  
  32.  
  33. <style type="text/css">
  34.  
  35. body {
  36. background-color:{color:background};
  37. background-image:{image:backgroundimage};
  38. font-family: calibri;
  39. font-size: 11px;
  40. }
  41.  
  42. a:link, a:active, a:visited {
  43. color: {color:link};
  44. text-decoration:none;
  45. -webkit-transition: all 0.5s ease-in-out;
  46. -moz-transition: all 0.5s ease-in-out;
  47. -o-transition: all 0.5s ease-in-out;
  48. -ms-transition: all 0.5s ease-in-out;
  49. transition: all 0.5s ease-in-out;
  50. }
  51.  
  52. #linkhover {
  53. color: {color:linkhover};
  54. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  55. }
  56.  
  57. #sideimage {
  58. margin-top: 150px;
  59. margin-left: 187px;
  60. max-width:200px;
  61. max-height: 200px;
  62. border: 5px solid {color:info};
  63. position: fixed;
  64. }
  65.  
  66. .side {
  67. font-family: calibri;
  68. font-size: 10px;
  69. color: {color:text};
  70. line-height: 9px;
  71. text-align: center;
  72. background-color: {color:side};
  73. position: fixed;
  74. padding: 10px;
  75. margin-top: 365px;
  76. margin-left: 187px;
  77. float: left;
  78. width: 190px;
  79. text-decoration: none;
  80. }
  81.  
  82. header {
  83. font-family: courier new;
  84. text-transform: uppercase;
  85. font-size: 11px;
  86. color: {color:title};
  87. line-height: 11px;
  88. margin-bottom: -7px;
  89. }
  90.  
  91. #navlinks {
  92. font-family: calibri;
  93. font-size: 9px;
  94. margin-top: -7px;
  95. font-style: italic;
  96. text-transform: uppercase;
  97. color: {color:link};
  98. }
  99.  
  100. .content {
  101. font-family: calibri;
  102. font-size: 11px;
  103. line-height: 9px;
  104. color: {color:text};
  105. margin-left: 460px;
  106. width: 520px;
  107. text-decoration: none;
  108. }
  109.  
  110. .post {
  111. width: 510 px;
  112. background-color: {color:post};
  113. padding: 10px;
  114. margin-bottom: 15px;
  115. }
  116.  
  117. .navs {
  118. font-family: calibri;
  119. font-size: 12px;
  120. margin-top: 10px;
  121. text-decoration: none;
  122. }
  123.  
  124. .next {
  125. float: center;
  126. text-decoration: none;
  127. }
  128.  
  129. .notes {
  130. color: {color:text};
  131. margin-left: 250px;
  132. }
  133.  
  134. .notes img a {
  135. border: 2px;
  136. }
  137.  
  138. .notes li {
  139. list-style-type: none;
  140. margin-left: -500px;
  141. }
  142.  
  143. .prev {
  144. float: center;
  145. text-decoration: none;
  146. }
  147.  
  148. .postinfo {
  149. border-top: 2px solid {color:background};
  150. background-color: {color:info};
  151. font-family: calibri;
  152. text-transform: uppercase;
  153. font-size: 9px;
  154. letter-spacing: 1px;
  155. text-align: right;
  156. padding: 5px;
  157. margin-top: -20px;
  158. }
  159.  
  160. #tags {
  161. background-color: {color:info};
  162. font-family: calibri;
  163. text-transform: uppercase;
  164. font-size: 8px;
  165. letter-spacing: 1px;
  166. text-align: right;
  167. margin-top: -20px;
  168. margin-bottom: 5px;
  169. width: 510px;
  170. margin-left: -250px;
  171. padding: 5px;
  172. }
  173.  
  174. .quote {
  175. text-align: center;
  176. }
  177.  
  178. #questions {
  179. background-color: {color:post};
  180. padding: 10px;
  181. font-family: calibri;
  182. font-size: 11px;
  183. font-style: italic;
  184. font-color: {color:text};
  185. text-align: left;
  186. }
  187.  
  188. #answers {
  189. background-color:{color:post};
  190. padding: 10px;
  191. font-family: calibri;
  192. font-size: 11px;
  193. margin-top: -30px;
  194. margin-bottom: -10px
  195. }
  196.  
  197. .yep {
  198. text-align: left;
  199. position: absolute;
  200. font-family: arial black;
  201. font-size: 30px;
  202. margin-top: 10px;
  203. line-height: 0px;
  204. }
  205.  
  206. </style>
  207.  
  208. </head>
  209.  
  210. <body>
  211.  
  212. <div class="blog">
  213. <div id="sideimage"><center><img src="{image:sideimage}"></center></div>
  214. <div class="side">
  215. <header><a href="/">{Title}</a></header>
  216. <p>{Description}
  217. <div id="navlinks">
  218. {block:iftitle1}<a href="{text:url1}">{text:title1}</a>{/block:iftitle1}
  219. {block:iftitle2}<a href="{text:url2}">{text:title2}</a>{/block:iftitle2}
  220. {block:iftitle3}<a href="{text:url3}">{text:title3}</a>{/block:iftitle3}
  221. {block:iftitle4}<a href="{text:url4}">{text:title4}</a>{/block:iftitle4}
  222. <a href="http://cielosthemes.tumblr.com/">THEME ^_^</a>
  223. <br>
  224. </div>
  225. {block:Pagination}
  226. <div class="navs">
  227. {block:NextPage}
  228. <div class="next">
  229. <a href="{NextPage}">&rarr;</a>
  230. </div>
  231. {/block:NextPage}
  232.  
  233. {block:PreviousPage}
  234. <div class="prev">
  235. <a href="{PreviousPage}">&larr;</a>
  236. </div>
  237. {/block:PreviousPage}
  238. </div>
  239. {/block:Pagination}
  240.  
  241. {block:PermalinkPagination}
  242. <div class="navs">
  243. {block:NextPost}
  244. <div class="prev">
  245. <a href="{NextPost}">&rarr;</a>
  246. </div>
  247. {/block:NextPost}
  248.  
  249. {block:PreviousPost}
  250. <div class="next">
  251. <a href="{PreviousPost}">&larr;</a>
  252. </div>
  253. {/block:PreviousPost}
  254. </div>
  255. {/block:PermalinkPagination}
  256.  
  257. </div>
  258.  
  259. <div class="content">
  260. <br><br><br><br><br><br><br>
  261. {block:Posts}
  262.  
  263.  
  264. {block:Text}
  265. <div class="post text">
  266. {block:Title}
  267. <h3><a href="{Permalink}">{Title}</a></h3>
  268. {/block:Title}
  269. {Body}
  270. </div>
  271. {/block:Text}
  272.  
  273. {block:Photo}
  274. <div class="post photo">
  275. <a href="{permalink}"><div class="posts"><img src="{PhotoURL-500}" width="500px"/></a>{block:IndexPage}<div id="photobox"> <a href="{ReblogURL}" target="_blank"><font color={color:text}></font></a></div>{/block:IndexPage}</div>
  276. <div class="caption">{Caption}</div>
  277. {/block:Caption}
  278.  
  279. </div>
  280. {/block:Photo}
  281.  
  282. {block:Photoset}
  283. <div class="post photoset">
  284. <center>{Photoset-500}</center>
  285.  
  286. {block:Caption}
  287. <div class="caption">{Caption}</div>
  288. {/block:Caption}
  289. </div>
  290. {/block:Photoset}
  291.  
  292. {block:Quote}
  293. <div class="post quote">
  294. <div class="yep">&ldquo;</div>
  295. {Quote}<div class="yep"></div>
  296.  
  297. {block:Source}
  298. <div class="source">&#8212;{Source}</div>
  299. {/block:Source}
  300. </div>
  301. {/block:Quote}
  302.  
  303. {block:Answer}<div id="questions"><div>&nbsp;<center><strong>{Asker} asked:</strong> {Question}</center></div></div><div id="answers">
  304. {Answer}</br></div>{/block:answer}
  305.  
  306. {block:Link}
  307. <div class="post link">
  308. <center><a href="{URL}" class="link" {Target}>{Name}</a></center>
  309.  
  310. {block:Description}
  311. <div class="description">{Description}</div>
  312. {/block:Description}
  313. </div>
  314. {/block:Link}
  315.  
  316. {block:Chat}
  317. <div class="post chat">
  318. {block:Title}
  319. <h3><a href="{Permalink}">{Title}</a></h3>
  320. {/block:Title}
  321. <ul class="chat">
  322. {block:Lines}
  323. <li class="{Alt} user_{UserNumber}">
  324. {block:Label}
  325. <span class="label">{Label}</span>
  326. {/block:Label}
  327. {Line}
  328. </li>
  329. {/block:Lines}
  330. </ul>
  331. </div>
  332. {/block:Chat}
  333.  
  334. {block:Video}
  335. <div class="post video">
  336. <center>{Video-500}</center>
  337. {block:Caption}
  338. <div class="caption">{Caption}</div>
  339. {/block:Caption}
  340. </div>
  341. {/block:Video}
  342.  
  343. {block:Audio}
  344. <div class="post audio">
  345. {AudioPlayerBlack}
  346.  
  347. {block:Caption}
  348. <div class="caption">{Caption}</div>
  349. {/block:Caption}
  350. </div>
  351. {/block:Audio}
  352. <div class="postinfo">
  353. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  354. {block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div><div class="notes">
  355. {block:PostNotes}{PostNotes}{/block:PostNotes}</br>
  356. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag} </a> {/block:Tags} </div> {/block:HasTags}
  357. <br>
  358. </div>
  359. {/block:Posts}
  360. </div>
  361. </div>
  362.  
  363.  
  364. </body>
  365. </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!