Advertisement
dearcasthemes

unorthodox

May 13th, 2014
3,556
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.23 KB | None | 0 0
  1. <!----© THEME BY slutjensen.tumblr.com, base theme by enterprizer @ tumblr, for public use-----DON'T REMOVE CREDIT--->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <meta name="color:colour title" content="#838282"/>
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#838282"/>
  14. <meta name="color:Link" content="#b8b8b8"/>
  15. <meta name="image:sidebar" content="#A39081"/>
  16.  
  17. <meta name="text:your name" content="michelle" />
  18. <meta name="text:your age" content="18" />
  19. <meta name="text:where you come from" content="britain" />
  20. <meta name="text:biography" content="Talk about yourself. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi." />
  21.  
  22. <meta name="text:watching" content="Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque." />
  23. <meta name="text:reading" content="Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. ." />
  24. <meta name="text:listening to" content="Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam.." />
  25.  
  26. <meta name="text:Link 1" content="" />
  27. <meta name="text:Link 1 Text" content="" />
  28. <meta name="text:Link 2" content="" />
  29. <meta name="text:Link 2 Text" content="" />
  30. <meta name="text:Link 3" content="" />
  31. <meta name="text:Link 3 Text" content="" />
  32. <meta name="text:Link 4" content="" />
  33. <meta name="text:Link 4 Text" content="" />
  34. <meta name="text:Link 5" content="" />
  35. <meta name="text:Link 5 Text" content="" />
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  38.  
  39. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  40. <style>
  41. div#qTip {
  42. padding:3px;
  43. margin:1px 0px 0px 1px;
  44. display:none;
  45. text-align:center;
  46. text-decoration:none;
  47. position:absolute;
  48. font-size:8px;
  49. font-weight:bold;
  50. line-height:10px;
  51. font-family:calibri;
  52. z-index:10000;
  53. background-color:{color:colour title};
  54. color:#ffffff;
  55. text-transform:uppercase;
  56. letter-spacing:1px;
  57. }
  58. </style>
  59.  
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64. *, body, a {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;}
  65.  
  66. ::-webkit-scrollbar {
  67.  
  68. width: 4px;
  69. height: 3px; background: #FAFAFA;
  70. }
  71. ::-webkit-scrollbar-thumb {background-color:#D6D5D5; ;}
  72.  
  73.  
  74. body {
  75. background:{color:background};
  76. margin:0px;
  77. color:{color:text};
  78. font-family:Calibri;
  79. font-size:10px;
  80. line-height:100%;
  81. }
  82.  
  83. a {
  84. text-decoration:none;
  85. outline:none;
  86. -moz-outline-style:none;
  87. color:{color:link}; -moz-transition-duration:0.5s;
  88. -webkit-transition-duration:0.5s;
  89. -o-transition-duration:0.5s;
  90. }
  91.  
  92. img {
  93. border:none;
  94. }
  95.  
  96. blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101. blockquote blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. }
  105.  
  106. h1 {
  107. font-size:15px;
  108. }
  109.  
  110. #entries {
  111. padding:10px;
  112. width:500px;
  113. margin-left:610px;
  114. margin-top:40px;
  115. }
  116.  
  117. #post {
  118. width:500px;
  119. padding-bottom:20px;
  120. }
  121.  
  122. #sidebar {
  123. width:250px;
  124. position:fixed;
  125. margin-left:300px;
  126. margin-top:190px;
  127. }
  128.  
  129. #title {
  130.  
  131. z-index:1;
  132. margin-top:260px;
  133. position:Fixed;
  134. font-size:15px;
  135. margin-left:40px;
  136. text-align:center;
  137. font-size:30px;
  138. text-transform:lowercase;
  139. font-weight:bold;
  140. letter-spacing:-2px;
  141. font-family:arial;
  142. color:{color:colour title};
  143. -moz-transition-duration:0.8s;
  144. -webkit-transition-duration:0.8s;
  145. -o-transition-duration:0.8s;
  146.  
  147. }
  148.  
  149. #sidebarimage {
  150. z-index:1;
  151. width: 240px;
  152. -moz-transition-duration:1s;
  153. -webkit-transition-duration:1s;
  154. -o-transition-duration:1s;
  155. }
  156.  
  157. #sidebarimage img {
  158. position:Fixed;
  159. height:auto;
  160. margin-left:-5px;
  161. z-index:1;
  162. width:240px;
  163. margin-top:-35px;
  164.  
  165.  
  166. }
  167.  
  168. #description {
  169. position:Fixed;
  170. z-index:1;
  171. color:#c4c4c4;
  172. padding:5px;
  173. width:170px;
  174. font-size:10px;
  175. margin-left:23px;
  176. margin-top:274px;
  177. font-family:calibri;
  178. font-style:italic;
  179. text-align:center;
  180. -moz-transition-duration:0.8s;
  181. -webkit-transition-duration:0.8s;
  182. -o-transition-duration:0.8s;
  183. }
  184.  
  185. #seconddescription {
  186. opacity:0;
  187. z-index:2;
  188. height:300px;
  189. color:#c4c4c4;
  190. padding:15px;
  191. width:122px;
  192. font-size:10px;
  193. margin-left:38px;
  194. margin-top:-15px;
  195. font-family:calibri;
  196. font-style:italic;
  197. text-align:center;
  198. border:1px solid#eee;
  199. -moz-transition-duration:0.8s;
  200. -webkit-transition-duration:0.8s;
  201. -o-transition-duration:0.8s;
  202.  
  203. }
  204.  
  205. #links {
  206. border:1px solid#eee;
  207. color:#c4c4c4;
  208. opacity:0;
  209. z-index:5;
  210. font-family:baskerville;
  211. width:105px;
  212. height:5px;
  213. padding: 5px;
  214. margin-left:2px;
  215. text-align:center;
  216. margin-top:9px;
  217. text-align:center;
  218. text-transform:lowercase;
  219. word-spacing:2px;
  220. position:fixed;
  221. padding-bottom:7px;
  222. font-style:italic;
  223. -moz-transition-duration:0.8s;
  224. -webkit-transition-duration:0.8s;
  225. -o-transition-duration:0.8s;
  226. }
  227.  
  228. #links a {
  229. color:#c4c4c4;
  230. text-shadow: 2px 2px #fff;
  231. font-size: 14px;
  232. -moz-transition-duration:0.3s;
  233. -webkit-transition-duration:0.3s;
  234. -o-transition-duration:0.3s;
  235. }
  236.  
  237. #links a:hover {
  238. color:{color:colour title};
  239. background-color:#eee;
  240. padding-left:3px;
  241. -moz-transition-duration:0.3s;
  242. -webkit-transition-duration:0.3s;
  243. -o-transition-duration:0.3s;
  244.  
  245. }
  246.  
  247.  
  248. #sidebar:hover #title {
  249. -moz-transition-duration:1s;
  250. -webkit-transition-duration:1s;
  251. -o-transition-duration:1s;
  252. margin-top:-38px;
  253. }
  254.  
  255. #sidebar:hover #description {
  256. -moz-transition-duration:0.8s;
  257. -webkit-transition-duration:0.8s;
  258. -o-transition-duration:0.8s;
  259. opacity:0;
  260. }
  261. #sidebar:hover #sidebarimage {
  262. -moz-transition-duration:0.8s;
  263. -webkit-transition-duration:0.8s;
  264. -o-transition-duration:0.8s;
  265. opacity:0;
  266. }
  267.  
  268. #sidebar:hover #seconddescription {
  269. -moz-transition-duration:0.8s;
  270. -webkit-transition-duration:0.8s;
  271. -o-transition-duration:0.8s;
  272. opacity:1;
  273. }
  274.  
  275. #sidebar:hover #links {
  276. -moz-transition-duration:0.8s;
  277. -webkit-transition-duration:0.8s;
  278. -o-transition-duration:0.8s;
  279. opacity:1;
  280. }
  281.  
  282.  
  283. #updates {
  284. border:1px solid #eee;
  285. overflow:hidden;
  286. z-index:2;
  287. color:#c4c4c4;
  288. padding:5px;
  289. width:110px;
  290. height:143px;
  291. line-height:100%;
  292. font-size:10px;
  293. margin-left:0px;
  294. margin-top:36px;
  295. font-family:calibri;
  296. font-style:italic;
  297. text-align:left;
  298.  
  299. }
  300.  
  301. #pagination {
  302. margin-top:15px;
  303. font-style:italic;
  304. font-family:times;
  305. word-spacing:3px;
  306. font-size:9px;
  307. text-align:center;
  308. width:150px;
  309. margin-left:-19px;
  310. opacity:0;
  311. -moz-transition-duration:0.8s;
  312. -webkit-transition-duration:0.8s;
  313. -o-transition-duration:0.8s;
  314. }
  315.  
  316. #sidebar:hover #pagination {
  317. opacity:1;
  318. margin-left:39px;
  319. -moz-transition-duration:0.8s;
  320. -webkit-transition-duration:0.8s;
  321. -o-transition-duration:0.8s;
  322. }
  323.  
  324. #info {
  325. font-family:cambria;
  326. width:500px;
  327. margin-top:6px;
  328. padding-right:2px;
  329. padding-top:2px;
  330. font-size:7px;
  331. letter-spacing:1px;
  332. color:#c4c4c4;
  333. text-transform:uppercase;
  334. font-style:normal;
  335. text-align:right;
  336. border-top:1px solid #e1e1e1;
  337. -moz-transition-duration:0.5s;
  338. -webkit-transition-duration:0.5s;
  339. -o-transition-duration:0.5s;
  340. }
  341.  
  342. #info a {
  343. color:#989898;
  344. text-align:right;
  345. font-style:normal;
  346. }
  347.  
  348. #info a:hover {
  349. color:{color:colour title};
  350. }
  351.  
  352. .tags {
  353. font-family:georgia;
  354. font-style:normal;
  355. width:500px;
  356. text-transform:normal;
  357. color:{color:link};
  358. line-height:120%;
  359. font-size:8px;
  360. text-align:right;
  361. padding-top:1px;
  362. -moz-transition-duration:0.2s;
  363. -webkit-transition-duration:0.2s;
  364. -o-transition-duration:0.2s;
  365. }
  366.  
  367.  
  368. #asker {
  369. float:left;
  370. margin-right:5px;
  371. }
  372.  
  373. #credit {
  374. font-size:8px;
  375. font-family:cambria;
  376. font-style:italic;
  377. letter-spacing:1px;
  378. -moz-transition-duration:0.5s;
  379. -webkit-transition-duration:0.5s;
  380. -o-transition-duration:0.5s;
  381. }
  382.  
  383. #credit a {
  384. background-color:#fff;
  385. padding:5px;
  386. border:1px solid #e9e9e9;
  387. position:fixed;
  388. right:7px;
  389. bottom:9px
  390.  
  391. }
  392.  
  393.  
  394. #credit a:hover {
  395.  
  396. opacity:0;
  397. -moz-transition-duration:0.5s;
  398. -webkit-transition-duration:0.5s;
  399. -o-transition-duration:0.5s;
  400. background-color:#fff;
  401. -moz-transition-duration:0.5s;
  402. -webkit-transition-duration:0.5s;
  403. -o-transition-duration:0.5s;
  404.  
  405. }
  406.  
  407.  
  408. {CustomCSS}</style></head><body>
  409.  
  410. <div id="sidebar">
  411.  
  412. <div id="title">{Title}</div>
  413.  
  414. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  415.  
  416. <div id="description">{Description}</div>
  417.  
  418. <div id="seconddescription">
  419.  
  420.  
  421. <div style="font-size:11px; color:{color:colour title};font-family:calibri;font-weight:bold;font-style:Normal;text-transform:uppercase;letter-spacing:0px;">+ {text:your name} <font color="#c4c4c4">| {text:your age} |</font> {text:where you come from}</div>
  422.  
  423. <br>
  424. {text:biography}
  425.  
  426.  
  427. <div id="links">
  428. <a href="{text:Link 1}" title="{text:Link 1 Text}">i.</a>
  429. <a href="{text:Link 2}" title="{text:Link 2 Text}">ii.</a>
  430. <a href="{text:Link 3}" title="{text:Link 3 Text}">iii.</a>
  431. <a href="{text:Link 4}" title="{text:Link 4 Text}">iv.</a>
  432. <a href="{text:Link 5}" title="{text:Link 5 Text}">v.</a>
  433. </div>
  434.  
  435. <div id="updates">
  436. <font face="Pacifico"><font size="2px"><font color="{color:colour title}">watching:</font></font></font>
  437. {text:watching}
  438. <br>
  439. <font face="Pacifico"><font size="2px"><font color="{color:colour title}">reading:</font></font></font>
  440. {text:reading}
  441. <br>
  442. <font face="Pacifico"><font size="2px"><font color="{color:colour title}">listening to:</font></font></font>
  443. {text:listening to}
  444. </div>
  445.  
  446.  
  447. </div>
  448.  
  449.  
  450.  
  451. <div id="pagination">
  452. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  453. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  454. </div>
  455.  
  456. </div>
  457.  
  458. <div id="entries">{block:Posts}<div id="post">
  459.  
  460. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  461.  
  462. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  463.  
  464. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  465.  
  466. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  467.  
  468. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  469.  
  470. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  471.  
  472. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  473.  
  474. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  475.  
  476. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  477.  
  478. <div id="info">
  479. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  480. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  481. 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>
  482.  
  483. </div>
  484. {block:PostNotes}{PostNotes}{/block:PostNotes}
  485. {/block:Posts}</div>
  486.  
  487. <div id="credit"><a href="http://slutjensen.tumblr.com">dear cas</div>
  488.  
  489.  
  490. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement