Advertisement
dearcasthemes

theme 1.0 - CELESTIAL

Apr 5th, 2014
707
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.55 KB | None | 0 0
  1.  
  2.  
  3. <!----© THEME BY slutjensen.tumblr.com, base theme by enterprizer @ tumblr, for public use-----DON'T REMOVE CREDIT--->
  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. <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.  
  11.  
  12.  
  13. <meta name="text:linkA" content="">
  14. <meta name="text:linkA url" content="/">
  15. <meta name="text:linkB" content="">
  16. <meta name="text:linkB url" content="/">
  17. <meta name="text:linkC" content="">
  18. <meta name="text:linkC url" content="/">
  19. <meta name="text:linkD" content="">
  20. <meta name="text:linkD url" content="/">
  21. <meta name="text:linkE" content="">
  22. <meta name="text:linkE url" content="/">
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#838282"/>
  26. <meta name="color:Link" content="#b8b8b8"/>
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="color:Title" content="#E02F2F"/>
  29. <meta name="color:Hover Links" content="#ED6180"/>
  30. <meta name="color:Hover Text" content="#ED6180"/>
  31.  
  32.  
  33. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  34.  
  35. <style>@font-face {font-family:Neou; src:url(http://static.tumblr.com/9wzbixa/iozmj3lzw/neou-thin.otf);</style>
  36.  
  37.  
  38. <style>
  39. div#qTip {
  40. padding: 3px;
  41. font-style:italic;
  42. display: none;
  43. max-width:300px;
  44. text-align: center;
  45. font-style: normal;
  46. position: absolute;
  47. font-size:9px;
  48. margin-left:10px;
  49. margin-top:-2px;
  50. line-height:9px;
  51. font-family:arial;
  52. font-style:italic;
  53. z-index: 1000;
  54. border: 1px double #D9D9D9;
  55. background-color:{color:Hover Text};
  56. color: #ffffff;
  57. text-transform:lowercase;
  58. letter-spacing: 1px;
  59. opacity:1;
  60. }
  61. </style>
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66. a {
  67. color:#b1b1b1;
  68. text-decoration:none;
  69. -moz-transition-duration:0.5s;
  70. -webkit-transition-duration:0.5s;
  71. -o-transition-duration:0.5s;
  72. }
  73. a:hover {
  74. color:#f2f2f2;
  75. text-decoration:none;
  76. -moz-transition-duration:0.5s;
  77. -webkit-transition-duration:0.5s;
  78. -o-transition-duration:0.5s;
  79. }
  80.  
  81. ::-webkit-scrollbar {background-color:#fff; height:8px; width:5px}
  82. ::-webkit-scrollbar-thumb:vertical {background-color:#D6D5D5; height:50px}
  83. ::-webkit-scrollbar-thumb:horizontal {background-color:#D6D5D5; height:8px!important}
  84.  
  85. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  86.  
  87. body {
  88. background:{color:background};
  89. margin:0px;
  90. color:{color:text};
  91. font-family:Calibri;
  92. font-size:10px;
  93. line-height:100%;
  94. }
  95.  
  96. a {
  97. text-decoration:none;
  98. outline:none;
  99. -moz-outline-style:none;
  100. color:{color:link};
  101. }
  102.  
  103. img {
  104. border:none;
  105. }
  106.  
  107. blockquote {
  108. padding-left:5px;
  109. border-left:2px solid;
  110. }
  111.  
  112. blockquote blockquote {
  113. padding-left:5px;
  114. border-left:2px solid;
  115. }
  116.  
  117. h1 {
  118. font-size:15px;
  119. }
  120.  
  121. #entries {
  122. padding:10px;
  123. width:500px;
  124. margin-left:700px;
  125. margin-top:40px;
  126. }
  127.  
  128. #post {
  129. width:500px;
  130. padding-bottom:20px;
  131. }
  132.  
  133. #sidebar {
  134.  
  135. width:120px;
  136. position:fixed;
  137. margin-left:400px;
  138. margin-top:150px;
  139. }
  140.  
  141. #celestial {
  142. left:390px;
  143. margin-top:152px;
  144. font-family:Neou;
  145. letter-spacing:5px;
  146. font-size:18px;
  147. position:fixed;
  148. color:{color:Title};
  149. padding:5px;
  150. }
  151.  
  152. #sidebarimage {
  153. width:250px;
  154. }
  155.  
  156. #sidebarimage img {
  157. margin-left:-15px;
  158. width:150px;
  159. }
  160.  
  161. #description {
  162. margin-top:19px;
  163. margin-left:2px;
  164. width:150px;
  165.  
  166. text-align:left;
  167. }
  168.  
  169. .links {
  170. margin-left:-15px;
  171. margin-top:-70px;
  172. font-size:8px;
  173. text-transform:uppercase;
  174. text-align:left;
  175.  
  176.  
  177.  
  178. }
  179.  
  180. .links a{
  181.  
  182. display:block;
  183. width:12px;
  184. height:12px;
  185. border-radius:66px;
  186. border:1px solid #989898;
  187. font-size:9px;color:#666;
  188. line-height:100px;
  189. background:#ddd
  190. background:#e190eb
  191. -moz-transition-duration:0.5s;
  192. -webkit-transition-duration:0.5s;
  193. -o-transition-duration:0.5s;
  194. }
  195.  
  196.  
  197.  
  198. .links a:hover{
  199.  
  200.  
  201. border:0px
  202. -moz-transition-duration:0.5s;
  203. -webkit-transition-duration:0.5s;
  204. -o-transition-duration:0.5s;
  205. background:{color:Hover Links};
  206. -moz-transition-duration:0.5s;
  207. -webkit-transition-duration:0.5s;
  208. -o-transition-duration:0.5s;
  209.  
  210.  
  211. }
  212.  
  213.  
  214.  
  215.  
  216.  
  217. #pagination {
  218. margin-top:400px;
  219. margin-left:451px;
  220. position:fixed;
  221. font-size:15px;
  222. text-align:center;
  223. }
  224.  
  225. #info {
  226. text-align:center;
  227. margin-top:10px;
  228. }
  229.  
  230. #asker {
  231. float:left;
  232. margin-right:5px;
  233. }
  234.  
  235. #credit {
  236. font-size:8px;
  237. font-family:cambria;
  238. font-style:italic;
  239. letter-spacing:1px;
  240. -moz-transition-duration:0.5s;
  241. -webkit-transition-duration:0.5s;
  242. -o-transition-duration:0.5s;
  243. }
  244.  
  245. #credit a {
  246. background-color:#fff;
  247. padding:5px;
  248. border:1px solid #e9e9e9;
  249. position:fixed;
  250. right:7px;
  251. bottom:9px
  252.  
  253.  
  254. }
  255.  
  256.  
  257. #credit a:hover {
  258.  
  259. opacity:0;
  260. -moz-transition-duration:0.5s;
  261. -webkit-transition-duration:0.5s;
  262. -o-transition-duration:0.5s;
  263. background-color:#fff;
  264. -moz-transition-duration:0.5s;
  265. -webkit-transition-duration:0.5s;
  266. -o-transition-duration:0.5s;
  267.  
  268. }
  269.  
  270.  
  271.  
  272. {CustomCSS}</style></head><body>
  273.  
  274.  
  275.  
  276.  
  277.  
  278. <div id="sidebar">
  279.  
  280.  
  281. <div id="celestial">{Title}</div>
  282.  
  283.  
  284.  
  285. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  286.  
  287. <div id="description">{Description}</div>
  288.  
  289.  
  290. <div class="links">
  291. {block:IfLinkA}
  292. <a href="{text:linkA url}" title="{text:linkA}"></a>
  293. {/block:IfLinkA}
  294. {block:IfLinkB}
  295.  
  296. <a href="{text:linkB url}" title="{text:linkB}"></a>
  297. {/block:IfLinkB}
  298. {block:IfLinkC}
  299.  
  300. <a href="{text:linkC url}" title="{text:linkC}"></a>
  301. {/block:IfLinkC}
  302. {block:IfLinkD}
  303.  
  304. <a href="{text:linkD url}" title="{text:linkD}"></a>
  305. {/block:IfLinkD}
  306.  
  307. <a href="{text:linkE url}" title="{text:linkE}"></a>
  308. {/block:IfLinkD}
  309.  
  310. </div>
  311. </div>
  312.  
  313. <div id="pagination">
  314. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  315. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  316. </div>
  317.  
  318. </div>
  319.  
  320. <div id="entries">{block:Posts}<div id="post">
  321.  
  322. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  323.  
  324. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  325.  
  326. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  327.  
  328. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  329.  
  330. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  331.  
  332. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  333.  
  334. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  335.  
  336. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  337.  
  338. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  339.  
  340. <div id="info">
  341. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  342. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  343. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  344.  
  345. </div>
  346. {block:PostNotes}{PostNotes}{/block:PostNotes}
  347. {/block:Posts}</div>
  348.  
  349.  
  350. <div id="credit"><a href="http://slutjensen.tumblr.com">dear cas</div>
  351.  
  352.  
  353. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement