Advertisement
dearcasthemes

ELOQUENT - theme 3.0

Apr 27th, 2014
1,803
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.60 KB | None | 0 0
  1. <!----© THEME BY slutjensen.tumblr.com, base theme by enterprizer @ tumblr, for public use-----DON'T REMOVE CREDIT--->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!---- base theme by enterprizer @ tumblr, for public use --->
  10. <meta name="text:firsttitle" content="little lover"/>
  11. <meta name="if:show border" content="1" />
  12. <meta name="if:show updates" content="1" />
  13. <meta name="if:show status" content="1" />
  14. <meta name="text:updates" content="put your text here what you're watching, reading, etc. you can also put a playlist uwu">
  15. <meta name="text:status" content="talk about your day!"/>
  16. <meta name="color:first title" content="#db3050"/>
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#838282"/>
  19. <meta name="color:Link" content="#b8b8b8"/>
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="text:linkA" content="">
  22. <meta name="text:link 1" content="Link1"/> <meta name="text:link 1 url" content="/"/>
  23. <meta name="text:link 2" content="Link2"/>
  24. <meta name="text:link 2 url" content="/"/>
  25. <meta name="text:link 3" content="Link3"/>
  26. <meta name="text:link 3 url" content="/"/>
  27. <meta name="text:link 4" content="Link4"/>
  28. <meta name="text:link 4 url" content="/"/>
  29. <meta name="text:link 5" content="Link5"/>
  30. <meta name="text:link 5 url" content="/"/>
  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:first title};
  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.  
  82. *, body, a {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;}
  83.  
  84. ::-webkit-scrollbar {
  85.  
  86. width: 4px;
  87. height: 3px; background: #FAFAFA;
  88. }
  89. ::-webkit-scrollbar-thumb {background-color:#D6D5D5; ;}
  90.  
  91.  
  92. body {
  93. background:{color:background};
  94. margin:0px;
  95. color:{color:text};
  96. font-family:Calibri;
  97. font-size:10px;
  98. line-height:100%;
  99. }
  100.  
  101. a {
  102. text-decoration:none;
  103. outline:none;
  104. -moz-outline-style:none;
  105. color:{color:link};
  106. }
  107.  
  108. img {
  109. border:none;
  110. }
  111.  
  112. blockquote {
  113. padding-left:5px;
  114. border-left:2px solid;
  115. }
  116.  
  117. blockquote blockquote {
  118. padding-left:5px;
  119. border-left:2px solid;
  120. }
  121.  
  122. h1 {
  123.  
  124. font-size:8px;
  125.  
  126. padding:15px;
  127. }
  128.  
  129. #entries {
  130. font-weight:bolder;
  131. word-spacing:3px;
  132. letter-spacing:-1.5px;
  133. font-family:arial;
  134. text-transform:lowercase;
  135. font-size:10px;
  136. opacity:0.8;
  137. padding:10px;
  138. width:500px;
  139. margin-left:550px;
  140. margin-top:40px;
  141. ;-webkit-transition: all 0.5s ease-out;
  142. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  143.  
  144. }
  145.  
  146. #entries:hover {
  147. opacity:1;
  148. ;-webkit-transition: all 0.5s ease-out;
  149. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  150.  
  151.  
  152. }
  153.  
  154. #post {
  155. width:500px;
  156. padding-bottom:20px;
  157. }
  158.  
  159. #sidebar {
  160.  
  161. height:200px
  162.  
  163. width:120px;
  164. position:fixed;
  165. margin-left:360px;
  166. margin-top:190px;
  167. }
  168.  
  169. #sidebarimage {
  170. width 250px;
  171. }
  172.  
  173. #sidebarimage img {
  174. position:Fixed;
  175. margin-top:-10px;
  176. width:90px;
  177. margin-left:5px;
  178.  
  179. }
  180.  
  181. #border {
  182.  
  183. position:fixed;
  184. margin-left:490px;
  185. margin-top:-1000px;
  186. width:4px;
  187. height:100000px;
  188. background:{color:first title};
  189. }
  190.  
  191.  
  192.  
  193.  
  194. #title {
  195. -webkit-transform: rotate(-90deg);
  196. position:Fixed;
  197. margin-left:-30px;
  198. margin-top:152px;
  199. font-size:25px;
  200. text-align:center;
  201. margin-bottom:5px;
  202. font-family:Arial;
  203. text-transform:lowercase;
  204. font-weight:bolder;
  205. letter-spacing:-2px;
  206. color:#c4c4c4;
  207. opacity:1;
  208. ;-webkit-transition: all 0.8s ease-out;
  209. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  210.  
  211.  
  212. }
  213.  
  214. #another {
  215. z-index:1;
  216. position:Fixed;
  217. margin-left:7px;
  218. margin-top:92px;
  219. font-size:25px;
  220. text-align:center;
  221. margin-bottom:5px;
  222. font-family:Arial;
  223. text-transform:lowercase;
  224. font-weight:bolder;
  225. letter-spacing:-2px;
  226. color:{color:first title};
  227. border-bottom:1px solid #eee;
  228. padding-bottom:5px;
  229.  
  230. }
  231.  
  232. #sidebar:hover #title {
  233. opacity:0;
  234. ;-webkit-transition: all 0.8s ease-out;
  235. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  236.  
  237. }
  238.  
  239. #boxy {
  240. position:Fixed;
  241. right:90px;
  242. bottom:109px;
  243. width:80px;
  244. height:100px;
  245.  
  246.  
  247.  
  248. }
  249.  
  250. #updates {
  251. padding-bottom:3px;
  252. border-bottom:4px solid {color:first title};
  253. position:Fixed;
  254. right:100px;
  255. bottom:94px;
  256. font-size:20px;
  257. text-align:center;
  258. font-family:Arial;
  259. text-transform:lowercase;
  260. font-weight:bolder;
  261. letter-spacing:-2px;
  262. color:#000;
  263. }
  264.  
  265. #updatestitle {
  266. opacity:0;
  267. font-size:12px;
  268. text-align:center;
  269. font-family:Arial;
  270. text-transform:lowercase;
  271. font-weight:bolder;
  272. letter-spacing:-2px;
  273. font-style:italic;
  274. border-bottom:1px solid#eee;
  275. padding-bottom:1px;
  276. ;-webkit-transition: all 0.5s ease-out;
  277. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  278.  
  279. }
  280.  
  281. #updatestext {
  282.  
  283. z-index:1;
  284. opacity:0;
  285. padding:5px;
  286. width:70px;
  287. color:#c4c4c4;
  288. font-size:8px;
  289. line-height:80%;
  290. text-align:center;
  291. letter-spacing:0.5px;
  292. right:40px;
  293. bottom:200px;
  294. ;-webkit-transition: all 0.5s ease-out;
  295. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  296. }
  297.  
  298. #boxy:hover #updatestext {
  299. opacity:1;
  300. ;-webkit-transition: all 0.5s ease-out;
  301. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  302. }
  303.  
  304. #boxy:hover #updatestitle {
  305. opacity:1;
  306. ;-webkit-transition: all 0.5s ease-out;
  307. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  308.  
  309. }
  310.  
  311. #description {
  312. z-index:1;
  313.  
  314. padding:5px;
  315. width:70px;
  316. color:#c4c4c4;
  317. font-size:8px;
  318. line-height:80%;
  319. text-align:left;
  320. letter-spacing:0.5px;
  321. margin-top:106px;
  322. margin-left:23px;
  323.  
  324.  
  325. }
  326.  
  327.  
  328.  
  329. #links {
  330.  
  331. -webkit-transform: rotate(-90deg);
  332. opacity:0;
  333. margin-top:-50px;
  334. width:200px;
  335. font-size:7px;
  336. margin-left:-82px;
  337. padding:4px 0px 8px 0px
  338. font-style:italic;
  339. font-family:justus, georgia, arial, times;
  340. text-align:center;
  341. word-spacing: 2px;
  342. text-transform:lowercase;
  343. display:block;
  344. -webkit-transition: all 0.8s ease-in-out;
  345. -moz-transition: all 0.8s ease-in-out;
  346. -o-transition: all 0.8s ease-in-out;
  347. -ms-transition: all 0.8s ease-in-out;
  348. transition: all 0.8s ease-in-out;
  349. }
  350.  
  351. #links a {
  352. border:1px outset {color:first title};
  353. border-radius:100%;
  354. letter-spacing:2px;
  355. color:#000;
  356. padding-right:1px;
  357. padding-left:3px;
  358. padding-top:1px;
  359. padding-bottom:1px;
  360. background:#000;
  361. -webkit-transition: all 0.8s ease-in-out;
  362. -moz-transition: all 0.8s ease-in-out;
  363. -o-transition: all 0.8s ease-in-out;
  364. -ms-transition: all 0.8s ease-in-out;
  365. }
  366.  
  367. #links a:hover {
  368. border:1px inset {color:first title};
  369. color:{color:first title};
  370. background:{color:first title};
  371. -webkit-transition: all 0.8s ease-in-out;
  372. -moz-transition: all 0.8s ease-in-out;
  373. -o-transition: all 0.8s ease-in-out;
  374. -ms-transition: all 0.8s ease-in-out;
  375. transition: all 0.8s ease-in-out;
  376. }
  377.  
  378.  
  379. #sidebar:hover #links {
  380. opacity:1;
  381. ;-webkit-transition: all 0.5s ease-out;
  382. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  383. }
  384.  
  385. #pagination {
  386. font-style:italic;
  387. font-family:times;
  388. font-size:8px;
  389. text-align:center;
  390. margin-top:50px;
  391. margin-left:2px;
  392.  
  393. }
  394.  
  395.  
  396. #info {
  397.  
  398. padding:2px;
  399. font-style:italic;
  400. border:1px ridge #eee;
  401. text-align:center;
  402. margin-top:10px;
  403. font-size:10px;
  404. text-align:right;
  405. margin-bottom:5px;
  406. font-family:Arial;
  407. text-transform:lowercase;
  408. font-weight:bolder;
  409. letter-spacing:-2px;
  410. word-spacing:3px;
  411. color:#989898;
  412. }
  413.  
  414.  
  415. #asker {
  416. float:left;
  417. margin-right:5px;
  418. }
  419.  
  420. #credit {
  421. font-size:8px;
  422. font-family:cambria;
  423. font-style:italic;
  424. letter-spacing:1px;
  425. -moz-transition-duration:0.5s;
  426. -webkit-transition-duration:0.5s;
  427. -o-transition-duration:0.5s;
  428. }
  429.  
  430. #credit a {
  431. background-color:#fff;
  432. padding:5px;
  433. border:1px solid #e9e9e9;
  434. position:fixed;
  435. right:7px;
  436. bottom:9px
  437.  
  438.  
  439.  
  440. }
  441.  
  442.  
  443. #credit a:hover {
  444.  
  445. opacity:0;
  446. -moz-transition-duration:0.5s;
  447. -webkit-transition-duration:0.5s;
  448. -o-transition-duration:0.5s;
  449. background-color:#fff;
  450. -moz-transition-duration:0.5s;
  451. -webkit-transition-duration:0.5s;
  452. -o-transition-duration:0.5s;
  453.  
  454. }
  455.  
  456. {CustomCSS}</style></head><body>
  457. {block:ifshowupdates}<div id="boxy">
  458. <div id="updates">updates</div>
  459. {block:ifshowstatus}<div id="updatestitle">status</div>
  460. <div id="updatestext">{text:status}</div>{/block:ifshowstatus}
  461. <div id="updatestitle">currently</div>
  462. <div id="updatestext">
  463. {text:updates}</div></div>{/block:ifshowupdates}
  464.  
  465. <div id="sidebar">
  466.  
  467.  
  468. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  469. <div id="another">{text:firsttitle}</div>
  470. <div id="title">{Title}</div>
  471.  
  472.  
  473. <div id="description">{Description}</div>
  474.  
  475.  
  476.  
  477. <div id="links">
  478. <a href="{text:link 1 url}" title="{text:link 1}">■</a>
  479. <a href="{text:link 2 url}" title="{text:link 2}">■</a>
  480. <a href="{text:link 3 url}" title="{text:link 3}">■</a>
  481. <a href="{text:link 4 url}" title="{text:link 4}">■</a>
  482. <a href="{text:link 5 url}" title="{text:link 5}">■</a>
  483. </a>
  484.  
  485. </div>
  486.  
  487. <div id="pagination">
  488. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  489. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  490. </div>
  491. </div>
  492.  
  493.  
  494. {block:ifshowborder}<div id="border"></div>{/block:ifshowborder}
  495.  
  496. </div>
  497.  
  498. <div id="entries">{block:Posts}<div id="post">
  499.  
  500. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  501.  
  502. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  503.  
  504. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  505.  
  506. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  507.  
  508. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  509.  
  510. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  511.  
  512. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  513.  
  514. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  515.  
  516. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  517.  
  518. <div id="info">
  519. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  520. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  521. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> <font color="{color:first title}">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></font>
  522.  
  523. </div>
  524. {block:PostNotes}{PostNotes}{/block:PostNotes}
  525. {/block:Posts}</div>
  526. <div id="credit"><a href="http://slutjensen.tumblr.com">dear cas</div>
  527.  
  528. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement